И так ребят не было у меня на сайте формы поиска решил вот поэкспериментировать и сделать форму поиска )))
Начнем =)
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; } /*----------*/
P.S. Я взял ширину поиска width: 250px; вы же можете ее изменить по своему!
|