На портале уже 573 , зарегистрировано 9844 и написано 803 .
Иконки для вебмастер...
Новый мини-чат для U...
Отсчет времени до за...
Гостевая книга
Требуется персонал!
Главная страница Архив всех материалов Скрипты для uCoz - Scripts for uCoz Новый дизайн поиска для uCoz

Новый дизайн поиска для uCoz

  • Добавил: Scripts_For_uCoz
  • Дата: 2018-06-19, 3:40 AM
  • Комментариев: 0
  • Просмотров: 2073
Скриншот материала «Новый дизайн поиска для uCoz»

В данном случае мы полностью меняем дизайн поиска. Есть возможность ставить свой бэкграунд строки поиска и заменять саму кнопку "Поиск"

Для начала сохраняем к себе в корень сайта (Открываем файловый менеджер):

1) - Бэкграунд полосы поиска, которую называем search_back
2) - Картинка кнопки "Поиск", которую называем search_btn

После того, как картинки переименованы и залиты в корень сайта, идем в:

Управление дизайном сайта -- Таблица стилей (CSS)

И в самом начале вставляем

Code
.searchForm {float: right; width: 190px; position: relative; right: 0px; top: 0px;}  
.schQuery {float: left; width: 190px;}  
.schBtn {float: right; width: 50px;}  
input.queryField {height: 22px; width: 190px; color: #000000; line-height: 22px; font-size: 10pt; background: url('/search_back.jpg') repeat-x; border-top: 1px solid #008bd4; border-left: 1px solid #008bd4; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}input.searchSbmFl {width: 48px; height: 16px; background: url('/search_btn.gif') no-repeat; color: #ffffff; border: none; font-size: 7pt; padding-bottom: 0px; top: 0px;}

Ну вот вроде бы и всё.

Напомню, что бэкграунд и кнопку можно ставить свои. Главное, переименуйте в search_back и search_btn соответственно



Будьте внимательны! Этот материал «Новый дизайн поиска для uCoz» из раздела «Скрипты для uCoz - Scripts for uCoz» является уникальной собственностью проекта www.ucozzz.ru, поэтому, при частичном или полном копировании, Вы обязаны установить ссылку на наш портал, как источник материала.
Похожие материалы
Материал «Новый дизайн поиска для uCoz» ещё никто не комментировал!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]