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


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



Статистика
Онлайн всего: 22
Гостей: 21
Пользователей: 1
MaDaRa



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

Скрипт навигации кнопками в материалах для ucoz

Скрипт навигации  кнопками в материалах для ucoz Скрипт, навигации, кнопками, материалах, ucoz
Вот решил немного добавить предыдущему скрипту от jQuery ссылки изменить на кнопки через css стиль с реакцией на курсор. Кнопки в перед - назад для любого модуля Ucoz Отличный скрипт навигации с графическими кнопками в материалах модуля для ucoz
Скрипт уникальный исходя от автора, очень даже отлично работает , превосходство его видно в использование. При наведении на стрелку курсором , она изменяет цвет, я сделал примитивные графические кнопки, ну если вам нужно будет необходимо изменить под свой дизайн цвет или форму то это легко сделать отредактировав в стиле четыре ссылки на картинки формата png
Использовать скрипт можно в любом разделе вашего сайта кроме разделов новостей и игр
Установка стрелок:
  • Стиль с картинками вставляем на своем сайте в таблицу стилей:
    Code
    div.zad {
      width: 60px;
      height: 30px;
      background: url(http://ucozon.ru/SCRIN7/2/menu3213/zad_a.png) no-repeat;
    }
    div.zad:hover {
      background: url(http://ucozon.ru/SCRIN7/2/menu3213/zad_b.png) no-repeat;
    }
    div.next {
      width: 60px;
      height: 30px;
      background: url(http://ucozon.ru/SCRIN7/2/menu3213/next_a.png) no-repeat;
    }
    div.next:hover {
      background: url(http://ucozon.ru/SCRIN7/2/menu3213/next_b.png) no-repeat;
    }

  • А этот код вставляем в любое место на странице материала и комментария:
    Code
    <div id="pages"></div>  
      <script>  
      a=location.href;  
      b=a.split('-');  
      c=b.length;  
      d=eval(c-1);  
      e=b[d];  
      f=a.split('-'+e)[0];  
      $('#pages').html('<table style="width:120px; height:30px;"><tr><td><a id="b" href="'+f+'-'+eval(e-1)+'"> <div class="zad"> </div> </a> </td><td> <a id="a" href="'+f+'-'+eval(e*1+1)+'"><div class="next"></div></a></div></td></tr></table>');  
      $.ajax({  
      type: 'GET',  
      url: f+'-'+eval(e*1+1),  
      error: function(){$('#a, #i').hide();}  
      });  
      $.ajax({  
      type: 'GET',  
      url: f+'-'+eval(e-1),  
      error: function(){$('#b, #i').hide();}  
      });  
      </script>

    Автор: jQuery usite.su
    Автор миниатюрного модерна)) : МИР http://ucozon.ru
    При изменения размеров графических картинок то есть стрелок не забывайте изменить размеры в стиле и скрипте на них.
    Картинки можно заменить на свои легко и просто из любого набора иконок для сайта.
  • Автор\Источник: http://ucozon.ru

    Для того что бы скачать архив необходимо зайти на сайт как пользователь.
    Просмотров: 2116 | Рейтинг: 4.4/8 | |Категория: Скрипты Разное | Добавил: мир | Дата: 01.09.2011 | Скачали: 0 | Теги: материалах, кнопками, Скрипт, ucoz, навигации
    Похожие новости на нашем сайте
    Коментарий к новости

    Всего комментариев: 0

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

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


    Поиск


    На форуме

    1 Файловик. Уникальные те...

    0

    2 Куплю сайты в индексе Я...

    1

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

    9

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

    0

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

    0

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

    51

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

    1

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

    9

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

    2

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

    1


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


    Комментарии



    Copyright UcozOn.ru™ © 2008-2016


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