Всё для веб-мастера! Четверг, 21.11.2024, 19:42
Приветствую Вас Гость | RSS
Главная | | Регистрация | Вход
» Форма входа

» Категории
Новости [24]
Скрипты uCoz [185]
JavaScript's [34]
PHP Скрипты [0]
Графика [14]
Шаблоны [27]
Авторство Scripts-net.ru [7]

» Мини-чат

Главная » 2011 » Февраль » 7 » Красивый стильный поиск
22:03
Красивый стильный поиск
Красивый стильный поиск
Этот поиск придаст вашему сайт стильности и компактности.

В css вставляем:

Code

#searchsubmitborder {  
border: 1px solid #3358A5;  
display:inline-block;  
}  
input[type="search"]{  
border:1px solid #C0CAD5;  
font-family:tahoma,tahoma,verdana,arial,sans-serif,Lucida Sans;  
font-size:11px;  
padding:3px;  
color: rgb(119, 119, 119);  
}  
.searchSbmFl {  
background:none repeat scroll 0 0 #6386D0;  
border-bottom:1px solid #ABBBDE;  
border-top:1px solid #ABBBDE;  
cursor:pointer;  
height:19px;  
color:#FFFFFF;  
text-shadow: 1px 1px 0px #3358A5;  
font-size:10px;  
display:inline-block;  
font-weight:bold;  
padding:2px;  
}

Там где будет поиск:

Code
<form action="/search/" style="margin: 0pt;" method="get" onsubmit="this.sfSbm.disabled=true">  
<div class="schQuery">  
<input type="search" size="23" onfocus="this.value=''" value="Поиск по сайту..." onblur="if (this.value==''){this.value='Поиск по сайту...'}" maxlength="30" name="q">  
<div id="searchsubmitborder"><input type="submit" value="ПОИСК" id="sfSbm" class="searchSbmFl"></div>  
</div></form>
Категория: JavaScript's | Просмотров: 450 | Добавил: Субботин | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
» Опросы
http://scripts-net.ru/raznoe/opros.png
Каким браузером вы пользуетесь?
Всего ответов: 55

» Статистика


Онлайн всего: 2
Гостей: 2
Пользователей: 0



Все права на скрипты и программы принадлежат их создателям © 2024
Конструктор сайтов - uCoz