Сегодня: 23.02.09. Зашёл на blog uCoz системы и в поле поиска заметил красивую картинку. Не то, что было до этого скрипта, а более красивее и умнее.
Ну так вот. Не смог удержаться и полез копаться.
В итоге многое узнал. НО! Рипать не стал. Другу скинул ссылку на блог и рассказал ему про это.
Он сразу сказал: О! А давай рипнем?
Я отказался, так как опасался, это же blog uCoz системы!
Но он сказал что ему плювать и стал рипать.
В итоге через два часа он мне скинул CSS и HTML CODE этого скрипта.
Я посмеялся то, что он два часа это делал..но ближе к делу.
Я решил поделится со своими дорогими пользователями с этой функцией.
И так...приступим:
Для начало зайдём в панель управления > управление дизайном > таблица стилей (CSS).
И в любое место вставте данные классы CSS:
Code
.searchForm {float: right; width: 260px; position: relative; right: 65px; top: 22px;}
.schQuery {float: left; width: 205px;}
.schBtn {float: right; width: 50px;}
input.queryField {height: 22px; width: 205px; color: #515151; line-height: 22px; font-size: 10pt; background: url('http://iucoz.ru/other/vs2.gif') repeat-x; border-top: 1px solid #008bd4; border-left: 1px solid #008bd4; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
input.searchSbmFl {width: 48px; height: 16px; background: url('http://iucoz.ru/other/button.gif') no-repeat; color: #ffffff; border: none; font-size: 7pt; padding-bottom: 2px; position: relative; top: 3px;}
http://iucoz.ru/other/button.gif - кнопка входа, смотреть пример что выше всего текста.
http://iucoz.ru/other/vs2.gif - фон внутри поля ввода текста в поиск.
За тем в любое место вставьте данный код (где хотите видеть данный поиск):
Code
<div class="searchForm"><form onsubmit="this.sfSbm.disabled=true" method="post" style="margin:0px" action="http://iucoz.ru/news/"><div align="center" class="schQuery"><input type="text" name="query" maxlength="30" size="20" class="queryField" /></div><div align="center" class="schBtn"><input type="submit" class="searchSbmFl" name="sfSbm" value="Найти" /></div><input type="hidden" name="a" value="13" /></form></div>
http://iucoz.ru/news/ - заменяете на своё.
