Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Красивая форма поиска
Красивая форма поиска
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(36Kb)
TiMzLeR
Дата: Суббота, 24.09.2016, 00:20 | Сообщение # 2
Vip
Сообщений:354
Награды: 0


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

Победа не дает силу – силу дает борьба! Если ты борешься и не сдаешься – это и есть сила!...
Angerfist
Дата: Суббота, 24.09.2016, 00:49 | Сообщение # 3
Vip
Сообщений:615
Награды: 18


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

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


No regrets

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


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

Победа не дает силу – силу дает борьба! Если ты борешься и не сдаешься – это и есть сила!...
TiMzLeR
Дата: Суббота, 24.09.2016, 02:08 | Сообщение # 5
Vip
Сообщений:354
Награды: 0


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

Победа не дает силу – силу дает борьба! Если ты борешься и не сдаешься – это и есть сила!...
Kosten
Дата: Суббота, 24.09.2016, 02:57 | Сообщение # 6
Администраторы
Сообщений:12657
Награды: 38


Просто не заметил ссылку левую, так основном ставлю от сайта.

FeStemBer
Дата: Пятница, 30.09.2016, 23:12 | Сообщение # 7
Проверенные
Сообщений:293
Награды: 1


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