Современная форма поиска для uCoz от narkoz'a
Начнем =)
1)Это нужна вставить где вы хотите видеть форму поиска:
Код
<form class="inputbox" action="/search/" method="get">
<input required="required" name="q" autocomplete="off" minlength="3" placeholder="Поиск" type="search">
</form>
2)Это вставляем в CSS стилей:
Код
/* Форма поиска
------------------------------------------*/
input[type=search] {
background: #ededed url(http://livfan.ru/search-icon.png) no-repeat 9px center;
border: solid 1px #ccc;
padding: 9px 10px 9px 32px;
width: 250px;
-webkit-border-radius: 10em;
-moz-border-radius: 10em;
border-radius: 10em;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
/*----------*/
------------------------------------------*/
input[type=search] {
background: #ededed url(http://livfan.ru/search-icon.png) no-repeat 9px center;
border: solid 1px #ccc;
padding: 9px 10px 9px 32px;
width: 250px;
-webkit-border-radius: 10em;
-moz-border-radius: 10em;
border-radius: 10em;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
/*----------*/
P.S. Я взял ширину поиска width: 250px; вы же можете ее изменить по своему!
Жалоба