Блог

Главная » 2013 » Июль » 15 » Поиск по новостям для uCoz
13: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]
Просмотров: 309 | Добавил: DoG | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Приветствую Вас Гость