Поиск в шапке
Код:
<!-- Новый поиск в Шапке -->
<style>#pun {position:relative}
#pun-navlinks #navsearch{display:none}
#pun-fastsearch {width: 235px; position: absolute; top: 2px; top:46px; right: 40px; z-index: 50000;}
#pun-fastsearch .io {background: #fff !important; box-shadow: inset 0 0 2px #777; -moz-box-shadow: inset 0 0 2px #777; -webkit-box-shadow: inset 0 0 2px #777; width: 158px; padding: 5px; text-align: left; color: #ccc !important; font-size: 13px !important; border: 0px; border-radius: 3px; -webkit-border-radius: 3px;}
#pun-fastsearch .io:focus, #pun-fastsearch .io:hover {box-shadow: inset 0 0 3px #0a96e6; -moz-box-shadow: inset 0 0 3px #0a96e6; -webkit-box-shadow: inset 0 0 3px #0a96e6;}
#pun-fastsearch .io:focus {color: #333 !important; }
#pun-fastsearch #accio {display:inline-block;cursor:pointer;padding-left: 12px !important; padding-right: 12px !important;border:0 none!important; display: inline-block !important; width: 27px !important; height: 27px !important; background: url(https://forumstatic.ru/files/001b/33/51/65726.png) no-repeat center center !important; margin-left: 5px;position: absolute; margin-top: -1px;opacity: 0.8;}
#pun-fastsearch #accio:hover, #pun-fastsearch #accio:focus {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; border-left: 1px solid #ccc !important; border-right: 1px solid #ccc !important;}
#fullsearch {position: absolute; top: 6px; right: 70px; width: 18px !important; height: 18px !important; padding: 0px !important; z-index: 65000 !important;}
#fullsearch a {display: block; width: 18px !important; border-radius: 5px;height: 18px !important; background: url(/files/0003/ac/ce/58436.png) no-repeat center center; padding: 0px !important; opacity: 0.5;}
#fullsearch a:hover {background: url(/files/0003/ac/ce/62394.png) no-repeat center center; padding: 0px !important; opacity: 1; transform: rotate(45deg); }
</style>
<div id="pun-fastsearch" class="section">
<form id="punbbsearch2" class="container" method="get" action="/search.php">
<input type="hidden" name="action" value="search" />
<input type="text" id="fld1s" name="keywords" size="40" maxlength="100" class="io" placeholder=" ПОИСК" />
<input type="submit" class="button" id="accio" name="search" value="" title="Искать!" />
<li id="fullsearch"><a href="/search.php#punbbsearch" title="Расширенный поиск"></a></li>
</form>
<script type="text/javascript">$(function() {
$('#punbbsearch2 #accio').tipsy({fade: true, gravity: 's'});
$('#fullsearch a').tipsy({fade: true, gravity: 'nw'});
});</script></div>
<!-- End// Поиск в Шапке -->