« Красивый переключатель страниц с подгрузкой для uCoz »

Описание материала:

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

Установка:

  • Скачиваем архив и заливаем папку page_selector в корень своего сайта.
  • Заходим в ПУ >>> Управление дизайном >>> Главная страница каталога файлов и между ставим скрипт:
    Код
    <script type="text/javascript" src="/page_selector/js.js"></script>

  • Там же где ставили скрипт, заменяем $BODY$:
    Код
    <div id="contik">$BODY$</div>

  • И опять там же заменяем $PAGE_SELECTOR$:
    Код
    <center>  
      <div class="weselector">  
      <div class="selector1">  
      $PAGE_SELECTOR$  
      <a href="javascript://" onclick="$('.weselector').slideToggle(); setCookie('cokContik',1,365);"><div class="changeselector">Сменить переключатель</div></a>  
      </div>  

      </div>  

      <div class="weselector" style="display:none;">  
      <div class="selector2">  
      <div style="display:none;" id="selector">$PAGE_SELECTOR$</div>  
      <a href="javascript://" onclick="$('.weselector').slideToggle(); eraseCookie('cokContik');"><div class="changeselector">Сменить переключатель</div></a>  
      </div>  

      </div>  
      <script type="text/javascript">  
      if(getCookie('cokContik')){$('.weselector').slideToggle();}  
      if ($("#selector").find(".swchItem:contains('»')").text() == '»') {  
      $("#selector").after('<br><div id="nextCont"><div onclick="Conti.to();" style="cursor:pointer;"><b>Еще материалы</b></div></div>');  
      };  
       
      Conti = {  
      to:function(){  
      $("#nextCont").html('<div><img src="/page_selector/img.gif" border="0" /></div>');  
      nextik = $("#selector").find(".swchItem:contains('»')").attr('onclick').toString();  
      num = nextik.match(/\d/);  
      $.get('/load/0-'+num, function(next){  
      $("#contik").append( $("#contik", next).html() );  
      $("#selector").html( $("#selector", next).html() );  
       
      $("#nextCont").html('<div onclick="Conti.to();" style="cursor:pointer;"><b>Еще материалы</b></div>');  
      if ($("#selector", next).find(".swchItem:contains('»')").html() == null) { $("#nextCont").fadeOut(); };  
      });  
      }  
      }  
      </script>  
      </center>

  • Заходим в ПУ >>> Управление дизайном >>> Таблица стилей (CSS) и в самый низ ставим данный код:
    Код
    /* Красивый переключатель страниц с подгрузкой для uCoz */
    .weselector {background:#ffffa0; text-align:center; border:1px solid #ffc040; height:55px; width:565px;}  
    .weselector a {text-decoration: none;}  
    .selector1 {padding:13px; font-size:12px; color:#ff4500; text-shadow:0px 1px 0px #fff;}  
    .selector2 {font-size:13px; color:#ff4500; text-shadow:0px 1px 0px #fff;}  
    .changeselector {font-size:10px; color:#ff4500;}
    /*================================*/

    Готова!


    Скачать ( Размер архива 1.5 Kb )

    По данной ссылке, Вы можете скачать или купить архив данного материала

    Установка материала

    Мы поможем установить данный материал к Вам на сайт


    Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 784 | Загрузок: 22


    Поделиться в соц. сетях:
    Комментариев к материалу: 3
    Все работает, я за тот, кто первый оставит комментарий, по материалу, много ресурсов видел на таком коде, так нормально, по началу не привычно было.
    1
    Виктор Ягодин 26.03.2016 в 16:12
    Что за код, кто оставит первый коммент, ты про это что ли http://internetempire.ru/load....1-0-337
    0
    Вот нормальный скрипт.
    1
    avatar