Цитата trem200 (
)
не могу изменить стили самого поиска,
Код
.ajax-search-container .ajax-inp {
height: 50px;
background: #1D587F; // меняем на свой цвет
padding: 0;
margin: 0;
border: 0;
padding-left: 50px;
outline: none;
font-size: 15px;
width: 100%;
color: #fff;
padding-right: 50px;
}
.ajax-search-container .ajax-inp-submit {
position: absolute;
left: 0;
height: 50px;
background: #1D587F; // меняем на свой цвет
width: 50px;
border: none;
padding: 0;
z-index: 2;
outline: none;
border-left: 1px solid #F27935; //цвет бардюра с лева
}
.site-n, .site-n a {
font-size: 38px;
padding-top: 7px; // выровнять логотип
text-transform: uppercase;
color: #fff;
font-family: 'Impact';
}
Цитата trem200 (
)
По мимо стилей, поиск совсем не ищет
Рабочий поиск
Код
<form action="/search/" name="searchform" method="get">
<button type="submit" class="ajax-inp-submit"></button>
<input name="do" value="search" type="hidden">
<input name="subaction" value="search" type="hidden">
<input id="story" name="q" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" type="text" class="ajax-inp">
</form>
А теперь чтобы вывести иконку поиска какую вырезали добавляем стили:
Код
.ajax-search-container .ajax-inp-submit:before {
font-size: 19px;
content: '\e907';
font-family: 'icomoon';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #999;
height: 50px;
line-height: 50px;
}
И добавляем в верхнюю часть сайта либо на страницы это:
Код
<link href='http://f.usemind.org/f/1/mn2/s.css' rel='stylesheet' />
Вот что получилось
В стилях - \e907 это иконка перышком
Заменить на лупу можно этим кодом \e986
Хотя можешь подобрать что угодно по коду здесь inverser.pro/88-icomoon-vse-simvoly-s-primerami-css-i-html
