В CSS: Заходим в Панель Управления » Таблица стилей и в низ/верх вставляем: Code /*Search*/ form.c_search { vertical-align: top; background: #303030; border: solid #3a3a3a 1px; border-top: none; border-left: none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; box-shadow: -1px -1px 0 #000; margin: 1px 0 0 0px; // margin: 10px 0 0 0px; // float:left; font-style: italic; width:259px; } .c_search input { background: none repeat scroll 0 50% transparent; border: medium none; border-radius:none; box-shadow:none; height: 19px; line-height: 19px; padding-left: 3px; vertical-align: top; width: 232px; } form.c_search a { background: url("../go_search.png") no-repeat scroll center 4px transparent; position: absolute; right: 30px; top: vertical-align; height: 19px; width: 19px; } form.c_search a:hover { background-position: center -16px; } /*----------------------------------------*/ Теперь в блок или другое место вашего сайта: Code <form class="c_search" onsubmit="search();return false;" method="post" action="/load/" id="searchform"><input type="text" value="Найдется..." onclick="if (this.value=='Найдется...'){this.value='';}" name="query" id="querys"/><a onClick="$('.c_search').submit(); return false;" href="#"></a> <input type="hidden" name="a" value="2"> </form><script type="text/javascript">function search(){if ($('#querys').val().match(/^\s*$/)){_uWnd.alert('Введите ключевое слово или синоним для поиска','',{w:200,h:70,tm:3300});return;} document.getElementById('searchform').submit();}</script> *Закачиваем спрайт на сайт, в коде есть скрипт при пустом запросе. *При копирование материала желательна ссылка на источник UcozOn.ru.
Автор\Источник: Ucozon.ru
Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Размер: 0,6 Мб
|