Главная » 2012 » Октябрь » 29 » Элегантная форма поиска для сайта на uCoz (Скрипты для ucoz)
29.10.2012, 11:54

Элегантная форма поиска для сайта на uCoz



Новая форма поиска для сайтов на uCoz. Выполнена она в серых и синих тонах. Такую форму поиска можно установить в сайдбар или шапку сайта. И там и тут она будет смотреться хорошо.

Ставим стили для поиска:

Code
.search {border:1px solid #D4D4D4 !important;border-top-left-radius:5px !important;border-bottom-left-radius:5px !important;background:#EEEEEE !important;color:#9A9A9A !important;height:24px !important;padding-left:5px !important; padding:0; margin:0 !important;}  
  .searchbu {background:url(http://fil-ru.moy.su/demo/search-1/submit.png) no-repeat !important;width:31px !important;height:26px !important;border:none !important;cursor: pointer !important;position:absolute !important;margin-left:-10px;}  
  .search, input[type="text"]:focus {outline: none;}


Это ставим туда где хотите видеть форму поиска:

Code
<form onsubmit="this.sfSbm.disabled=true" method="get" style="margin:0" action="#">  
<input type="text" name="q" maxlength="30" size="20" class="search">  
<input type="submit" class="searchbu" name="sfSbm" value="">  
</form>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: fil-ru.moy.su
Категория: Скрипты uCoz | Просмотров: 1542 | Добавил: Voker | Рейтинг: 1.0/1 |
Теги: Форма, элегантная, для, сайта, на, поиска, UCOZ
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]