Приветствую Вас Прохожий | RSS Воскресенье, 04.12.2016, 02:48
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 3
Гостей: 2
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Наложение строки поиска для перемещения по сайту uCoz

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

Установка:
Это в Нижнюю часть сайта:
Код
<script type="text/javascript">
var startPos = $('.poick_os').offset().top;
var leftPos = $('.poick_os').offset().left;
$(window).scroll(function() {
  if($(this).scrollTop() > startPos){
  $('.poick_os').removeClass('p_top').addClass('p_bottom ').css('left', leftPos);
  }
  if($(this).scrollTop() < startPos){
  $('.poick_os').removeClass('p_bottom ').addClass('p_top').css('left', leftPos);
  }
});
</script>
Это в нужное место:
Код
<div class="poick_os p_top">  
  <form onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" >  
  <input class="poick_pole"type="text" name="q" maxlength="30" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"/>  
  <input class="poick_knopka" type="submit" value="Найти" />  
  <input type="hidden" name="t" value="0" />  
  </form>  
  </div>
Это в CSS:
Код

/* Движущаяся форма поиска для uCoz  
------------------------------------------*/  
.poick_os,  
.content_os {  
  width: 440px;  
  margin: 0 auto;  
  padding: 15px 30px 15px 30px;  
}  

.p_bottom {  
  top: 0;  
  position:fixed;  
}  

.poick_os {  
  float:left;  
  background:#F3F3F3;  
  border-bottom: 1px solid #CAD1DB;  
}  

.poick_os input {  
  float:left;  
  margin:0px;  
  vertical-align:middle;  
  font:11px Verdana,Arial,Helvetica,sans-serif;  
}  

.poick_pole {  
  color:#555;  
  width:349px;  
  height:15px;  
  padding:5px 10px;  
  border: 1px solid #CAD1DB!important;  
  border-right:none!important;  

}  

.poick_pole:focus {  
  box-shadow:inset 0px 0px 3px #ccc!important;  
  -webkit-box-shadow:inset 0px 0px 3px #ccc!important;  
  -moz-box-shadow:inset 0px 0px 3px #ccc!important;  
}  

.poick_knopka {  
  width:70px;  
  height:27px;  
  cursor:pointer;  
  border:1px solid #d6982f!important;  
  color:#73450d!important; text-shadow:1px 1px 1px #fff7e5!important;  
  background: #febf4e!important;  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fed76e), color-stop(1, #ffbd4b))!important;  
  background: -moz-linear-gradient(top, #fed76e 1%, #ffbd4b 100%)!important;  
  background: -o-linear-gradient(#fed76e, #ffbd4b)!important;  
}  

.poick_knopka:active {  
  box-shadow:inset 0px 0px 3px #bb8323!important;  
  -webkit-box-shadow:inset 0px 0px 3px #bb8323!important;  
  -moz-box-shadow:inset 0px 0px 3px #bb8323!important;  
}  

.poick_knopka:hover {  
  background:#fedc77!important;  
}
Автор\Источник: http://center-dm.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 2041 | Комментарии: 1 | Рейтинг: 3.8/8 | |Категория: Скрипты Разное | Добавил: мир | Дата: 21.01.2013 | Скачали: 0 | Теги: перемещения, наложение, строки, ucoz, сайту, поиска
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 1
1 sky0087   Дата: 01.02.2013  Время: 18:47   [№ 14444]
выложите пожалуйста готовый архив


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Куплю сайты с ТИЦ/PR (п...

9

2 Предлагаю услуги для ан...

0

3 Предлагаю услуги по про...

0

4 Комплексный прогон сайт...

51

5 Сайт онлайн фильмов на ...

1

6 Проблема с таблицей

9

7 Отредактировать фото

2

8 Уже все перепробовал )

1

9 Скрипт "Нравится&q...

3

10 Меню для сайта

3


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru