WM-ExpeRT.ru
  • Главная
  • Правила
  • Шаблоны
  • Файлы
  • Контакты
  • Уроки
  • Вход / Регистрация

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

Шаблоны блоков и модулей uCoz

Представляем вашему вниманию пять цветовых вариантов форм поиска для сайтов системы uCoz.
В место:

Код
$SEARCH_FORM$

 


Везде ставим:

 

Код
<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>

 


И теперь остается прописать стили!
Фиолетовая форма:

 

Код
/* Форма поиска фиолетовая кнопка  
------------------------------------------*/  
.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 #751a9b;  
  width:70px;  
  height:27px;  
  cursor:pointer;  
  background:#ce36fa;  
  border:1px solid #a622e3;  
  color:#fff; font-weight: bold!important;  
}  
   
.poick_knopka:hover {background:#b73cea;}  

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

 


Синяя форма:

 

Код
/* Форма поиска синяя кнопка  
------------------------------------------*/  
.poick_os1 {  
  float:left;  
  padding:4px;  
  width:300px;  
  background:#fff;  
  border: 1px solid #A0A8AC;  
}  

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

.poick_pole1 {  
  color:#555;  
  width:220px;  
  height:15px;  
  border:none;  
  padding:6px 4px;  
}  
   
.poick_knopka1 {  
  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_knopka1:hover {background:#3c9fea;}  

.poick_os1,  
.poick_knopka1 {  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  border-radius: 3px;  
}

 


Красная форма:

 

Код
/* Форма поиска красная кнопка  
------------------------------------------*/  
.poick_os2 {  
  float:left;  
  padding:4px;  
  width:300px;  
  background:#fff;  
  border: 1px solid #A0A8AC;  
}  

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

.poick_pole2 {  
  color:#555;  
  width:220px;  
  height:15px;  
  border:none;  
  padding:6px 4px;  
}  
   
.poick_knopka2 {  
  text-shadow: 1px 1px 1px #b01010;  
  width:70px;  
  height:27px;  
  cursor:pointer;  
  background:#fa3636;  
  border:1px solid #e32222;  
  color:#fff; font-weight: bold!important;  
}  
   
.poick_knopka2:hover {background:#ea3c3c;}  

.poick_os2,  
.poick_knopka2 {  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  border-radius: 3px;  
}

 


Зеленая форма:

 

Код
/* Форма поиска зелёная кнопка  
------------------------------------------*/  
.poick_os3 {  
  float:left;  
  padding:4px;  
  width:300px;  
  background:#fff;  
  border: 1px solid #A0A8AC;  
}  

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

.poick_pole3 {  
  color:#555;  
  width:220px;  
  height:15px;  
  border:none;  
  padding:6px 4px;  
}  
   
.poick_knopka3 {  
  text-shadow: 1px 1px 1px #368620;  
  width:70px;  
  height:27px;  
  cursor:pointer;  
  background:#6ae14a;  
  border:1px solid #57c939;  
  color:#fff; font-weight: bold!important;  
}  
   
.poick_knopka3:hover {background:#65d447;}  

.poick_os3,  
.poick_knopka3 {  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  border-radius: 3px;  
}

 


Оранжевая форма:

 

Код
/* Форма поиска оранжевая кнопка  
------------------------------------------*/  
.poick_os4 {  
  float:left;  
  padding:4px;  
  width:300px;  
  background:#fff;  
  border: 1px solid #A0A8AC;  
}  

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

.poick_pole4 {  
  color:#555;  
  width:220px;  
  height:15px;  
  border:none;  
  padding:6px 4px;  
}  
   
.poick_knopka4 {  
  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_knopka4:hover {background:#d48347;}  

.poick_os4,  
.poick_knopka4 {  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  border-radius: 3px;  
}


  • 29.12.2012, 02:34
  • 335
  • 0
black icons for...
black icons for...
08.03.2010, 14:55, Графика
Разноцветные ра...
Разноцветные ра...
08.03.2010, 15:07, Графика
Иконки групп by...
Иконки групп by...
30.01.2010, 16:31, Графика
Энергетический ...
Энергетический ...
07.05.2010, 22:16, Кисти

Нет комментариев. Гость и в Африке гость, не желаешь оставить первый комментарий?

Перед публикацией, советую ознакомится с правилами!

Ошибка!

Добавлять комментарии могут только зарегистрированные пользователи.

    Шаблоны Joomla
    Шаблоны PHP-fasion
    Шаблоны для LinkorCMS
    Шаблоны для WordPress
    Шаблоны сайтов dle
    Шаблоны форумов dle
    Шаблоны сайтов ucoz
    Шаблоны форумов ucoz
    торент трекер
    Шаблоны для трекеров
    Шаблоны блоков и модулей uCoz
Случаный материал
Шаблон VISTA 2


Шаблон blue-warez


Последние ответы на форуме в блоке для ucoz


cashflow101


Скрипт статистика сайта для uCuz


Статистика сайта
Всего публикаций: 62
Комментариев: 20
Записей в блоге: 30
Пользователей: 602
Вы перешли на наш сайт?
Всего проголосовало: 0
 
  • Эффект при помощи CSS
  • Оптимизация сайта при помощи покупок ссылок
  • Видео инструкция по инсталляции dle
  • Видео урок - изучаем свойства заднего фона языка CSS
Самая актуальная информация о фильмах и сериалах, ищите на сайте онлайн-кинотеатра HD1080.space.Качайте, смотрите, без регистрации и бесплатно. До встречи!

Полезные ссылки
  • О проекте
  • Наши контакты
  • Администрация
  • Каталог файлов
  • Блог (Новости)
  • Форум портала
Информация
  • CMS PHP-Fusion v7.02.00
  • Система LinkorCMS 1,4
  • DataLife Engine v.15.1 Final Release
  • CMS Joomla v.3.9.0 RUS
  • CMS WordPress v4.9.4 RUS
ТЕГИ
для торент трекер Другие скрипты кисти для uCoz музыка Музыкальный шаблон музыкальный для ucoz Шаблон UcoZ
WM-ExperT.ru

Copyright © 2010-2022.
Зеркало ripshablona.ucoz.ru
Сайт не несет ответственности за материал.
<? Шаблоны для Ucoz & DLE и других CMS ?>
& & Яндекс.Метрика
Быстрый вход

Используйте социальные сети для быстрой регистрации и авторизации.

Twitter Google
ВКонтакте Facebook
Создать аккаунт / Регистрация
Авторизация

Я забыл свой пароль