дравствуйте, сегодня я расскажу вам, как сделать вот такой простой поиск для UCOZ. Для этого нам потребуются следующие картинки… Картинка 1
Картинка 2
Далее идем в Стили CSS и вставляем туда следущий код:
Code
#search {
width:317px;
height:37px;
float:left;
}
.search_fon {
color:#777777;
background: url(/search_fon.png) no-repeat;
border:none;
position:absolute;
width:262px;
font-weight:none;
padding:11px 0 10px 15px;
margin:0;
}
Далее идем в то место, где будет стоять наш поиск и вставляем следущее :
Code
<div style=»padding:55px 0 0 20px;»><form onsubmit=»document.getElementById(‘sfSbm’).disabled=true» method=»get» action=»/search»><input name=»q» type=»text» value=»Поиск по сайту…» onkeyup=»ch();» onfocus=»this.value=»;» /><input style=»padding-left:262px» type=»image» src=»/go.png» title=»Начать поиск» alt=»Найти» /><input name=»a» value=»14″ type=»hidden»></form>
</div>
Вот и все, поиск готов к работе.
При копировании материала, указание источника и автора обязательно.
Уважайте чужой труд.
Источник: liberoblog.ru
Автор: Vladon (Libero)
PS: Тестировал в Google Chrome, все работает отлично, но мне сказали есть какой то недочет, если кто вдруг заметит, напишите тут.
