» »

Поиск для сайта uCoz (Прозрачный)


Поиск для сайта uCoz (Прозрачный)

Да это прозрачный поиск который можно установить на свой интернет портал. В чем его прелесть, так что он под любой дизайн и оттенок цвета подойдет.
Если вы будите на синем цвете устанавливать то он будет синим и как будто вдавлен. В чем это его и красота.
Устанавливать его вы можете где пожелаете хоть на низ сайта. Но основном чтоб видели гости и пользователи его устанавливают на видном месте.
А видное место является шапка или вверх сайта. И думаю поиску там место можно найти. В блок не рекомендую так как есть стандартный.
Что первое нужно сделать прописать его стили в ваш CSS
Код
.form_s {background:url(http://zornet.ru/CSS-ZORNET/Skript/poiskpole-1.png);height:31px;width:199px;}  
.queryField {margin:8px 0px 0px 6px;width:170px;color:#fff;font-size:10px;background:none;border:none;float:left;}  
.k_serch {background:url(http://webanfarwol.ru/IMG/poisk-lupa-2.png);border:none;margin:9px 3px 0px 0px;width:13px;height:13px;float:right;}  
.k_serch:hover {opacity:0.9;}

Но а теперь сам код HTML ставим где вы решили его видеть.
Код
<form onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" class="form_s">  
<input type="submit" class="k_serch" id="sfSbm" value=""/>  
<input type="text" name="q" value="Поиск" onfocus="if(this.value=='Поиск')this.value=''" onblur="if(this.value=='')this.value='Поиск'" class="queryField"/>  
</form>
02.02.2014 Просмотров: 1167 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar