Новый дизайн поиска для uCoz
- Добавил: Scripts_For_uCoz
- Дата: 2024-04-18, 11:20 PM
- Комментариев: 0
- Просмотров: 3502
Скриншот материала «Новый дизайн поиска для 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;}
.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 - Scripts for uCoz
- Источник:
Будьте внимательны! Этот материал «Новый дизайн поиска для uCoz» из раздела «Скрипты для uCoz - Scripts for uCoz» является уникальной собственностью проекта www.ucozzz.ru, поэтому,
при частичном или полном копировании, Вы обязаны установить ссылку на наш портал, как источник материала.
Похожие материалы
