Главная » 2010 » Октябрь » 9 » Поиск с выбором раздела
20:40:43
Поиск с выбором раздела
Чтобы скачивать файлы с сайта вы должны Войти или Зарегистрироваться!

Красивый и удобный поиск с выбором раздела для uCoz

Установка:
В любое место ставим этот код:

Code
<div class="SearchBlock1"><div class="SearchBlock2">  
<div style="margin-left:-17px; margin-top:3px; width:14px; height:14px; float:left;" align="left"><img src="/img/search_block1.png" border="0" /></div>  
<div class="searchForm">  
<form id="searchform" method="post" style="margin:0px" action="">  
<div class="schQuery">  
<table style="" border="0" cellpadding="0" cellspacing="0" width="100%">  
<tr>  
<td width="160px" valign="middle" align="left">  
<table style="margin-bottom:3px;" border="0" cellpadding="0" cellspacing="0" width="100%">  
<tr>  
<td width="16"><input id="module" name="module" type="radio" value="/load/"></td>  
<td style="font-size:11px; padding-top:1px; padding-left:1px; font-family:tahoma;"><label style="color:#ffffff; text-shadow: 1px 1px 0px #ec9411;" for="module">Музыка</label></td>  
<td width="16"><input id="modulee" name="module" type="radio" value="/publ/"></td>  
<td style="font-size:11px; padding-top:1px; padding-left:1px; font-family:tahoma;"><label style="color:#ffffff; text-shadow: 1px 1px 0px #ec9411;" for="modulee">Видео</label></td>  
</tr>  
</table>  
</td>  
<td style="padding-top:0px;" valign="top">  
<input style="width:100%;" id="poiskinput" type="text" name="query" maxlength="70" size="20" class="queryField" />  
<input style="" type="submit" class="searchSbmFl SearchBtnn" id="chromeFix" name="sfSbm" value=" " />  
<input type="hidden" name="a" value="2" />  
</td>  
</tr></table>  
</div></form>  
<script type="text/javascript">  
var def = '/load/', form = $('#searchform'), module = $(form).find('input[value="/'+window.location.href.split('/')[3]+'/"]').val();  
module = (typeof module == 'undefined') ? def : module;  
$(form).attr('action', module).find('input[name="module"]').click(function() {  
  $(form).attr('action', $(this).val());  
}).end().find('input[value="'+module+'"]').attr('checked', 'checked');  
</script>  
</div>  
</div></div>

В коде:

Quote
name="module" type="radio" value="/load/">

Изменяем на свой раздел

Quote
name="module" type="radio" value="/publ/">

Изменяем на свой раздел

Музыка,Видео - изменяем на название своих разделов.

Дизайн - Управление дизайном (CSS) в самый низ ставим:

Code
.SearchBlock1 {border:1px solid #ec9411; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; margin-top:8px;}  
.SearchBlock2 {border:1px solid #ffc741; background:#ffb606; padding:3px; -webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}  
.searchSbmFl {padding-bottom:1px; width:16px; height:16px; font-size:11px; font-family:tahoma; cursor:pointer; border:0px !important; margin-left:-22px;}  
.SearchBtnn {background:url('/img/search_1.png') right no-repeat;}  
.SearchBtnn:hover {background:url('/img/search_2.png') right no-repeat;}  
#poiskinput {border:1px solid #e7900e; padding:2px; padding-left:3px; background:#ffffff; color:#3d3d3d; height:20px; font-size:11px; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}  
#poiskinput:hover, #poiskinput:focus {border:1px solid #dd8708;}

Далее в корне сайта создаём папку img и заливаем туда все картинки из архива.

Скрипты для uCoz | Просмотров: 777 | Добавил: RAIDER
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]