Красивый и удобный поиск с выбором раздела для 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 и заливаем туда все картинки из архива.