28 Декабря 2012 - Блог - Веб-студия IPC : Одесса : Создание и продвижение сайтов

Меню сайта

АКЦИЯ!!!

Категории раздела

Меню [34]

Меню для сайтов на Ucoz

Кнопки [15]

Кнопки для uCoz

Блоки и формы [22]

Блоки и формы для uCoz.

Вид материалов [41]

Вид материалов для uCoz

Мини-Профили [7]

Мини-Профили для uCoz

Переключатели [29]

Переключатели страниц для uCoz

Информеры [35]

Информеры для uCoz

Плейеры для сайта [23]

Аудио, видео, радио плейеры

Слайдеры [21]

Слайдеры и карусели картинок.

Вид опросов [8]

Вид опросов для uCoz

Часы и календари [8]

Часы и календари для uCoz.

Статистика сайта [20]

Статистика сайта для uCoz

Скрипты [25]

Скрипты для uCoz

Виджеты [2]

Виджеты для uCoz

Мини-чаты [6]

Мини-чаты для uCoz

Ajax для uCoz [8]

Ajax для uCoz

Шаблоны сайтов [0]

Шаблоны и шапки для uCoz.

Анимация [3]

Анимация и анимашки для сайтов на Ucoz.

Игры [6]

Игры для uCoz.

Прочее для uCoz [18]

Прочее для uCoz.

Сервис

Сервис
Теги
Отправить SMS

Translate my page
Выбрать язык / Select language:

Бесплатное отправление смс сообщений!

Поиск

Календарь

Архив записей

Наш опрос

Друзья сайта

Статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0

Реклама

Главная » 2012 » Декабрь » 28

Формы поиска для uCoz

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

Код

$SEARCH_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;
... Читать дальше »

Категория: Блоки и формы | Просмотров: 455 | Добавил: startsmart | Дата: 28.12.2012 | Комментарии (0)

Перевод на другие языки для uCoz

Преимущество: очень мало занимает места на сайте,подойдет под любой дизайн..
Перевод сайта uCoz на другие языки мира доступны 22 языка увеличьте посещаемость своего сайта иностранными гражданами smile
Вставляем по месту:

Код

Категория: Прочее для uCoz | Просмотров: 422 | Добавил: startsmart | Дата: 28.12.2012 | Комментарии (0)