• Страница 1 из 1
  • 1
Форум » Самоучитель HTML и CSS » Коды HTML для сайта » Красивая форма поиска
Красивая форма поиска
RICHMOND
Дата: Вторник, 15.01.2013, 00:27 | Сообщение 1
Пользователи
Сообщений:19
Награды: 0




Красивая форма поиска для сайтов на uCoz. Выполнена по дизайну в светло серых тонах. Этот поиск можно поставить и в блок сайта , так же красиво будит смотреться в шапке сайта.

Установка поиска:

В css:

Код
.search {border:1px solid #D4D4D4 !important;border-top-left-radius:5px !important;border-bottom-left-radius:5px !important;background:#EEEEEE !important;color:#9A9A9A !important;height:24px !important;padding-left:5px !important; padding:0; margin:0 !important;}    
   .searchbu {background:url(http://zornet.ru/_fr/27/6453502.png) no-repeat !important;width:31px !important;height:26px !important;border:none !important;cursor: pointer !important;position:absolute !important;margin-left:-10px;}    
   .search, input[type="text"]:focus {outline: none;}


Это ставим туда где хотите видеть форму поиска:

Код
<form onsubmit="this.sfSbm.disabled=true" method="get" style="margin:0" action="#">    
   <input type="text" name="q" maxlength="30" size="20" class="search">    
   <input type="submit" class="searchbu" name="sfSbm" value="">    
   </form>
Прикрепления: 1640282.png(35.7 Kb)
Страна: (RU)
TiMzLeR
Дата: Суббота, 24.09.2016, 00:20 | Сообщение 2
Проверенные
Сообщений:410
Награды: 0


Установил и вот что вышло Скрин на поисковик

Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ)
Angerfist
Дата: Суббота, 24.09.2016, 00:49 | Сообщение 3
Vip
Сообщений:762
Награды: 21


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

Прикрепления: 6453502.png(1.0 Kb) · 2757783.png(0.8 Kb) · 9259907.png(1.1 Kb)


No regrets

Сообщение отредактировал
Angerfist - Суббота, 24.09.2016, 00:53
Страна: (RU)
TiMzLeR
Дата: Суббота, 24.09.2016, 01:15 | Сообщение 4
Проверенные
Сообщений:410
Награды: 0


Angerfist, да это ясно но вот что вы ходит когда я переименовал ссылку на иконку и вот Скрин на поиск

Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ)
TiMzLeR
Дата: Суббота, 24.09.2016, 02:08 | Сообщение 5
Проверенные
Сообщений:410
Награды: 0


Все мне помогли biggrin

Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ)
Kosten
Дата: Суббота, 24.09.2016, 02:57 | Сообщение 6
Администраторы
Сообщений:16802
Награды: 55


Просто не заметил ссылку левую, так основном ставлю от сайта.
Страна: (RU)
FeStemBer
Дата: Пятница, 30.09.2016, 23:12 | Сообщение 7
Проверенные
Сообщений:349
Награды: 1


Так не чего должен поиск смотреться, но сейчас стандартные намного лучше, если еще самому немного доработать.
Страна: (RU)
Форум » Самоучитель HTML и CSS » Коды HTML для сайта » Красивая форма поиска
  • Страница 1 из 1
  • 1
Поиск: