Стильный поиск по сайту ucoz Z1
 | |
| Хочу сказать, когда я подыскивал поиск себе на сайт, ставил этот и могу утверждать сто он полностью рабочий и по своему стильный. Когда что то хочешь найти и жмешь поиск то кнопка планирует влево, это возможно что идут с поиском стили. А когда они идут то тогда всегда красивый материал и можно что то самому подогнать. На сайт просто по дизайну не подошел и я отказался от него. Возможно кому то подойдет, и вот хочу поделиться. Установка: Думаю что первую очередь надо сделать это прописать стиль в CSS Код div.search { float: right; margin-right: 10px; } .search { color: #757575; text-decoration: none; } .searchbg { float: left; padding: 14px 0px 0px; } input.search_input { background: url("http://zornet.ru/CSS-ZORNET/ZR/sinput.gif") no-repeat transparent; border: 0px none currentColor; color: #99A5AA; float: left; font-size: 0.9em; height: 22px; padding: 0px 0px 0px 23px; width: 188px; } input.search_but { background: url("http://zornet.ru/CSS-ZORNET/ZR/search.gif") no-repeat transparent; display: block; float: left; height: 22px; margin: 0px 0px 10px; width: 77px; } Осталось поставить код, там где вам нужно. Код <div class="search"> <div class="searchbg"> <form onsubmit="javascript: showBusyLayer()" method="post" action=""> <input type="hidden" name="do" value="search"/> <input type="hidden" name="subaction" value="search"/> <input name="story" id="story" value="поиск по сайту..." onblur="if(this.value=='') this.value='поиск по сайту...';" onfocus="if(this.value=='поиск по сайту...') this.value='';" type="text" class="search_input"/> <input class="search_but" alt="Поиск" type="image" src="http://zornet.ru/CSS-ZORNET/ZR/spacer.gif"/> </form> </div> </div> Все! | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 0 | |