Навигатор
Категории раздела
Профиль для ucoz [9]
Новый профиль для ucoz, мини профиль для ucoz, скрипт для ucoz профиль, профиль для сайта ucoz
Ajax для ucoz [15]
Ucoz ajax, ajax окна для ucoz, скрипты ajax для ucoz, новые ajax окна для ucoz, новый вид ajax ucoz
Скрипты для ucoz [136]
скачать скрипты для ucoz, скрипты ucoz
Меню для ucoz [44]
меню для ucoz, горизонтальное меню для ucoz, раздвижное меню ucoz, вертикальное, выпадающие меню ucoz
Календари для ucoz [18]
скрипт календарь cs, скрипт для ucoz календарь, календарь для ucoz cs 1.6, календари ucoz
Часы для ucoz [31]
часы для ucoz, часы для ucoz cs 1.6
Статистика для ucoz [11]
статистика cs для ucoz
Форма входа для ucoz [13]
форма входа для ucoz
Переключатели для ucoz [8]
Переключатели страниц для ucoz
Шапки для ucoz [13]
шапки для ucoz cs 1.6
Раскрутка и продвижение сайта
Интересное


Красивое горизонтальное меню д...
Рейтинг: 50085


Мини профиль + Форма входа
Рейтинг: 49994


Мини-чат для ucoz
Рейтинг: 44347


Скрипт мониторинга cs серверов
Рейтинг: 39654
Статистика
Онлайн всего: 9
Гостей: 9
Пользователей: 0

Сегодня нас посетили:
JamesMop
Яндекс.Метрика
Главная » Скрипты для ucoz » Скрипты для ucoz

Формы поиска для uCoz

Формы поиска для uCoz
Новый вид поиска для uCoz. Автор скрипта uCoz RuleZ-DM сделал пять красивых форм поиска ucoz с разными цветовыми схемами. Я выложу только 2: синяя форма поиска и оранжевая. И это скорее не форма поиска, а кнопка поиска uCoz.
Шаг 1 - Установка HTML
Для начала находим у себе в шаблоне системную переменную отвечающую за вывод формы поиска и удаляем ее:
Code
$SEARCH_FORM$
Вместо нее теперь устанавливаем следующий html код формы поиска:
Code
<form class="poick_os" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" >  
  <input class="poick_pole" type="text" name="q" maxlength="45" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"/>  
  <input class="poick_knopka" type="submit" value="Найти" />  
  <input type="hidden" name="t" value="0" />  
  </form>
Шаг 2 - Установка CSS
Теперь придаем нашей форме поиска ucoz красоты и соответствующего цвета, выбирайте нужный. А вставлять стиль нужно: П.У - Дизайн - Управление дизайном(CSS) и в самый низ.
Оранжевая кнопка поиска
Code
/* Форма поиска оранжевая кнопка wallaby.ucoz.ru ----------*/  
  .poick_os {  
  float:left;  
  padding:4px;  
  width:300px;  
  background:#fff;  
  border: 1px solid #A0A8AC;  
  }  

  .poick_os input {  
  float:left;  
  margin:0px;  
  vertical-align:middle;  
  font:11px Verdana,Arial,Helvetica,sans-serif;  
  }  

  .poick_pole {  
  color:#555;  
  width:220px;  
  height:15px;  
  border:none;  
  padding:6px 4px;  
  }  
   
  .poick_knopka {  
  text-shadow: 1px 1px 1px #865520;  
  width:70px;  
  height:27px;  
  cursor:pointer;  
  background:#e1954a;  
  border:1px solid #c97639;  
  color:#fff; font-weight: bold!important;  
  }  
   
  .poick_knopka:hover {background:#d48347;}  

  .poick_os,  
  .poick_knopka {  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  border-radius: 3px;  
  }
Синяя кнопка поиска
Code
/* Форма поиска синяя кнопка wallaby.ucoz.ru ----------*/  
  .poick_os {  
  float:left;  
  padding:4px;  
  width:300px;  
  background:#fff;  
  border: 1px solid #A0A8AC;  
  }  

  .poick_os input {  
  float:left;  
  margin:0px;  
  vertical-align:middle;  
  font:11px Verdana,Arial,Helvetica,sans-serif;  
  }  

  .poick_pole {  
  color:#555;  
  width:220px;  
  height:15px;  
  border:none;  
  padding:6px 4px;  
  }  
   
  .poick_knopka {  
  text-shadow: 1px 1px 1px #1061B0;  
  width:70px;  
  height:27px;  
  cursor:pointer;  
  background:#36A6FA;  
  border:1px solid #2290e3;  
  color:#fff; font-weight: bold!important;  
  }  
   
  .poick_knopka:hover {background:#3c9fea;}  

  .poick_os,  
  .poick_knopka {  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  border-radius: 3px;  
  }
Серая кнопка поиска
Code
/* Форма поиска серая кнопка wallaby.ucoz.ru ----------*/  
  .poick_os {  
  float:left;  
  padding:4px;  
  width:300px;  
  background:#fff;  
  border: 1px solid #A0A8AC;  
  }  

  .poick_os input {  
  float:left;  
  margin:0px;  
  vertical-align:middle;  
  font:11px Verdana,Arial,Helvetica,sans-serif;  
  }  

  .poick_pole {  
  color:#555;  
  width:220px;  
  height:15px;  
  border:none;  
  padding:6px 4px;  
  }  
   
  .poick_knopka {  
  text-shadow: 1px 1px 1px #505050;  
  width:70px;  
  height:27px;  
  cursor:pointer;  
  background:#F5F5F5;  
  border:1px solid #9E9E9E;  
  color:#9D9D9D; font-weight: bold!important;  
  }  
   
  .poick_knopka:hover {background:#ffffff;}  

  .poick_os,  
  .poick_knopka {  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  border-radius: 3px;  
  }

Совет для вебмастеров!.
Внимание, мы настоятельно рекомендуем использовать домены 2-го уровня, такие как ru,com и т.п. стоят они не дорого, ru можно купить за 99 руб, не нужно делать сайт на юкозовском домене! Сайт с юкозовским доменом долеко не уйдет! Если ж у Вас все таки нету жалких 99 рублей, Вы можите зарегистрировать бесплатно домен 2-го уровня tk, по данной ссылке
ЖМИ И РЕГИСТРИРУЙ
С уважением, администрация.
Категория: Скрипты для ucoz | Добавил: Wallaby
Просмотров: 13085 | Комментарии: 9
Теги: Формы поиска для uCoz - Скрипты для ucoz, новые интересные Скрипты для ucoz - Формы поиска для uCoz
Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
wallaby.ucoz.ru
Поиск
Шаблоны для ucoz
Sape
ремонт ноутбуков ижевск
Лучшая коллекция аниме на анимемувие, валлаби рекомендует!) купить кухню в ульяновске
Скрипты для ucoz
Joomla
Cinema 4D
Графика для uCoz
Copyright wallaby.ucoz.ru - Мировой портал - Joomla,Ucoz,Cinema 4D © 2017 Карта сайта | Карта форума