Новый вид формы поиска с выбором раздела поиска.
Установка: Данный код ставим там, где хотим видеть сам поиск:
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="http://rucoz.com/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="http://rucoz.com/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="http://rucoz.com/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>
http://rucoz.com/publ/ и http://rucoz.com/load/ - вставьте свои ссылки.
Это в 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('http://nash-kavkaz.net.ru/img_g/blocks/search/search_1.png') right no-repeat;}
.SearchBtnn:hover {background:url('http://nash-kavkaz.net.ru/img_g/blocks/search/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;}
источник: nash-kavkaz.net.ru
я буду действовать так же. Цитировать | Редактировать | Удалить