[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: АниМешНик  
Форум » Веб - Мастеру » Фабрика Скриптов и Шаблонов » Форма поиска (Perimeter lab)
Форма поиска
SteadyДата: Пятница, 21.01.2011, 16:27 | Сообщение # 1


Новый вариант формы поиска. Пока тестируем сообщаем об ошибках. Помогайте и предлагайте идеи по улучшению формы.
Вставляем код туда где хотим видеть форму:
Code
<form id="searchform" method="get" action="/search/">
<input type="text" value="поиск по сайту..." name="q" id="searchbox" onfocus="if (this.value == 'поиск по сайту...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'поиск по сайту...';}" />
<input type="submit" name="sfSbm" value="Go" id="searchbutton" />
</form>

Это в CSS:
Code
#searchform {margin-top: 0px;padding: 0px;overflow: hidden;}
#searchbutton {margin: 0px;padding: 2px 3px 2px 3px;border: 0;-moz-border-radius: 4px;border: 1px solid #111111;}
#searchbox {background: #f1ecdf;width: 120px;color: #5c5b58;font: 12px Arial, Tahoma, Verdana;padding: 3px;margin: 0px 10px 0px 0px;-moz-border-radius:3px;border-top: 1px solid #333333;border-right: 1px solid #DDDDDD;border-left: 1px solid #333333;border-bottom: 1px solid #DDDDDD;}


Примите участие в нашем конкурсе!
 
Форум » Веб - Мастеру » Фабрика Скриптов и Шаблонов » Форма поиска (Perimeter lab)
  • Страница 1 из 1
  • 1
Поиск:

Статистика на форуме

Последние обновления на форуме Популярные темы Лучшие пользователи Новые пользователи