Переключатель страниц как Вконтакте для uCoz - Скрипты для uCoz - Скрипты для uCoz - Каталог статей для UCOZ - Заработок в интернете и раскрутка вашего сайта

Заработок в интернете и раскрутка вашего сайта		Суббота, 20.04.2024, 04:44
Главная \| Каталог статей для UCOZ \| Регистрация \| Вход		Приветствую Вас Гость \| RSS

Меню сайта

Категории раздела

Скрипты для uCoz [119]

Все скрипты uCoz для улучшения Вашего сайта

Статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0

Главная » Статьи » Скрипты для uCoz » Скрипты для uCoz

Переключатель страниц как Вконтакте для uCoz

Многие любители создавать сайты на uCoz будут обрадованы появлению нового девайса в виде нестандартного переключателя для страниц сайта. Для установки данного новшества достаточно скачать с сайта архив, а его содержимое скопировать в коренную папку сайта. Это позволит создать работоспособные ссылки, которые будут задействованы в механизме скрипта. К данному скрипту в приложении идут стили для разных браузеров. Конечно, их использование не всегда критично, однако для стабильной работы рекомендуется оставить данные файлы. При работе данного переключателя включаются библиотеки, выполняющие функции мини-слайдера. Это позволяет создать эффект оформления отличающийся от типизированных шаблонов Ucoz.

Код HTML (Вставить вместо $ - PAGE_SELECTOR$):

<div style="display:none;position:absolute;top:0;margin-top:30px" id="pageselector">
  <table cellspacing="0" cellpadding="0">
  <tr>
  <td width="1"><div class="pages_1"> </div></td>
  <td class="pages_2">
  $PAGE_SELECTOR$
  </td>
  <td width="1"><div class="pages_1"> </div></td>
  </tr>
  </table>
  </div>
  <script type="text/javascript">
  $(window).scroll(function () {
   st = $(window).scrollTop();
   var scrollBottom = $(document).height() - $(window).height() - $(window).scrollTop();
   if(scrollBottom < 500) {$("#pageselector").fadeIn(500)} else {$("#pageselector").fadeOut(100)}
   $('#pageselector').css('top', st+'px')
   $('#pageselector').css('opacity', '0.8')
  });
  </script>
  <style type="text/css">
  .pages_1 {width:1px;height:48px;overflow:hidden;background:black}
  .pages_2 {background:black;height:50px}
  .pagesBlockuz1 {margin-left:10px;margin-right:10px;}
  .swchItemA {color:white;font-seight:bold;text-desotation:none;border-bottom:3px solid #ffffff;padding:3px;background:none;margin:5px;}
  .swchItem {color:white;text-desotation:none;padding:0;background:none;margin:5px;}
  .swchItem:hover {color:white;text-desotation:none;padding:0;background:none;margin:5px;}
  .swchItemDots {color:white;text-desotation:none;padding:0;background:none;margin:5px;}
  </style>

Нравится