Этот код ставим в том место где хотим его видеть поиск
Code <form class="poick_os" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/"> <input class="poick_pole" type="text" name="q" maxlength="30" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"><input class="poick_knopka" type="submit" value="Найти"><input type="hidden" name="t" value="0"> </form>
Это ставим CSS (лучше вниз)
Code /* Форма поиска ------------------------------------------*/ .poick_os { float:right; }
.poick_os input { vertical-align:middle; }
.poick_pole { font:11px Verdana,Arial,Helvetica,sans-serif; color:#a7a7a7; text-shadow: 1px 1px 1px #252525; height:22px; width:230px; margin:0; padding:4px; background-image: url("http://st-zona.ru/img/News_ZP.gif"); border: 1px solid #252525; border-right: none; } .poick_pole:focus { background-image: url("http://st-zona.ru/img/News_ZP.gif"); } .poick_knopka { font:11px Verdana,Arial,Helvetica,sans-serif; color:#a7a7a7; text-shadow: 1px 1px 1px #252525; height:32px; margin:0; padding:0 7px; background-image: url("http://st-zona.ru/new/bg-news.gif"); border:1px solid #252525; } .poick_knopka:hover { background-image: url("http://st-zona.ru/new/bg-news.gif"); }
Если хотите можете по экпериментировать со своими картинками
Автор: st-zona.ru
Теги: Авторские скрипты, сталкерские скрипты, сталкерский поиск, st-zona.ru, Зона Отчуждения
Источник: http://st-zona.ru |