» »

Поиск по сайту при нажатие кнопки Enter


Поиск по сайту при нажатие кнопки Enter

Для светлого сайта создан поиск по сайту по своему дизайн. Есть у него кнопка с левой стороны, работать будет при нажатие Enter. Трудно представить портал где нет поиска, если информация на нем много, и здесь мы ставим его на видное место. Можно установить его как вверх сайта в шапку или поставить в блок.

В нашем случай идет с ним стили, и вы можете поменять оттенок цвета под свою стилистику, но а также поставить свою яркую кнопку. Здесь она находится в противоположной стороне, что отличается от стандартного вида. Внутри будет написано, что также можно изменить, но когда будете делать запрос, то автоматически запись эта исчезнет.



Установка:

По месту, где вы хотите видеть:

Код
<form class="inputbox" action="/search/" method="get">  
<input required="required" name="q" autocomplete="off" minlength="3" placeholder="Введите текст для поиска и нажмите Enter" type="search">  
</form>


CSS

Код
input[type=search] {  
  background: #fff url(http://zornet.ru/Aben/ABGER/search.png) no-repeat 6px center;  
  border: solid 2px #dfdfdc;  
  padding: 9px 10px 9px 32px;  
  width: 100%;
  font-family: 'Cuprum';
   
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
  border-radius: 5px;  
   
  -webkit-transition: all .5s;  
  -moz-transition: all .5s;  
  transition: all .5s;  
}


PS - в коде уже установлено, что поиск будет производится по всему сайту, у кого один модуль как блог, то можете его прописать.
04.01.2017 Просмотров: 349 Комментарий: (2)

Поделиться в социальных сетях

Материал разместил

Комментарий: 2
Tergran
Tergran 05.01.2017 02:311
0
Всегда только такой стравил поиск по сайту, а не по клику на кнопку, прост по своему стилю и на все можно сказать светлые сайты подойдет.
Angerfist
Angerfist 08.01.2017 16:502
0
Я чтобы ввести пользователя в заблуждение писал Press enter
avatar