Пятница, 26.04.2024, 21:05

Мой сайт

Скрипты,шаблоны для ucoz


Современная форма поиска для uCoz от narkoz'a
18.01.2016, 12:45
И так ребят не было у меня на сайте формы поиска решил вот поэкспериментировать и сделать форму поиска )))

Начнем =)

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; вы же можете ее изменить по своему!

Категория: Скрипты для uCoz | Добавил: Кирилл
Просмотров: 867 | Загрузок: 0 | Комментарии: 2 | Рейтинг: 5.0/3
Всего комментариев: 2
Кирилл 18.01.2016 в 12:56 / Материал
Если есть вопросы задаем не стиснемся )
0
-SAM- 18.08.2019 в 09:59 / МатериалСпам
Иконка поиска слетела, берём отсюда.
0
avatar
Категории раздела
Скрипты для uCoz [188]
Шаблоны для uCoz [80]
Графика для сайта [29]
Программы для сайта [5]
uCoz уроки [19]
Web статьи [4]
VIP работы [3]
Поиск
Вход на сайт
Наш опрос
Хотели бы Вы создать бизнес вместе с Ucoz (Uweb)?
Мини-чат
Друзья сайта
Статистика

Сейчас онлайн: 1
Гостей: 1
Пользователей: 0