Пятница, 11.07.2025, 19:09
Приветствую Вас Гость | RSS

...

Меню
пример реклама
Опрос
Оцените мой сайт
Всего ответов: 17

Каталог статей

Главная » Статьи » Всё для ucoz » Вид поиска для UCOZ

Выдыижной, Красивый поиск
Установка: 
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"><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="/search1.png"></span></form></div>

Скачиваем картинку и заливаем в корень сайта.
Категория: Вид поиска для UCOZ | Добавил: BeyB (08.01.2013)
Просмотров: 638 | Рейтинг: 0.0/0
Мой профиль
Привет, Гость

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Mini chat
До нового года:
до нового года осталось:
статистика сайта
Яндекс.Метрика

Copyright PCHacker (Gevorg Khudaverdyan) © 2025
Бесплатный хостинг uCoz


Регистрация
Новости:
[24.03.2013][Интернет]
Как бесплатно скачать видео c YouTube. Самое простое скачивание видео с YouTube.

[13.11.2013][Интернет]
Самое интересное и прикольное в мире авто (video)

[24.03.2013][Интернет]
Как установить Windows 7

[24.03.2013][Интернет]
Как СКАЧАТЬ МУЗЫКУ с odnoklassniki.ru [HD].mp4

[24.03.2013][Интернет]
Как удалить профиль на одноклассниках

[24.03.2013][Интернет]
как добавить тему в однокласснике (способ 2)

[24.03.2013][Интернет]
как поменять пароль вместо звездочек text

[24.03.2013][Интернет]
КАК ДОБАВИТЬ ТЕМУ В ОДНОКЛАССНИКИ.РУ

%