Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Пагинатор

Предыдущая тема Следующая тема Перейти вниз

Решено Пагинатор

Сообщение автор Пасека в Пт 24 Июл - 9:03

На Quadro Support есть такой скрипт.
Искала поисковиком здесь, ничего не нашла.
Я пробую этот скрипт без <style type="text/css"> ставить в css.
Код:
    <style type="text/css">
    #paginator {
      opacity: 0.9;
      position: absolute
      left: 55px;
      z-index: 1000;
      filter: alpha(opacity=90);
      text-shadow: 0 1px 0 #000;
      background-color: #61bde7; /* фон блока пагинатора */
      border: 2px solid #59add4; /* цвет границы блока */
      table-layout: auto !important;
      width: auto !important;
      background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
      background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
      background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
      background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
      background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
      -moz-border-radius: 4px;
      border-radius: 4px;
      khtml-border-radius:4px;
      -webkit-border-radius:4px;
      -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
      -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
      box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
      text-shadow: 0 1px 0 rgba(255,255,255,.4);
    }

    #paginator td {
      padding: 0.1em;
      border-style: none;
    }

    #pnav:hover {
      background: black; /* фон цифры при наведении курсора */
      color: lime; /* цвет цифры при наведении курсора */
      -moz-border-radius: 9000em;
      border-radius: 9000em;
      khtml-border-radius:9000em;
      -webkit-border-radius:9000em;
    }
    </style>

Второй скрипт куда ставить???

Код:
    <style>
    #paginator {
      opacity: 0.9;
      position: absolute;
      left: 55px;
      z-index: 1000;
      filter: alpha(opacity=90);
      text-shadow: 0 1px 0 #000;
      background-color: #61bde7; /* фон блока пагинатора */
      border: 2px solid #59add4; /* цвет границы блока */
      table-layout: auto !important;
      width: auto !important;
      background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
      background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
      background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
      background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
      background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
      -moz-border-radius: 4px;
      border-radius: 4px;
      khtml-border-radius:4px;
      -webkit-border-radius:4px;
      -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
      -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
      box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
      text-shadow: 0 1px 0 rgba(255,255,255,.4);
    }

    #paginator td {
      padding: 0.1em;
      border-style: none;
    }

    #pnav:hover {
      background: black; /* фон цифры при наведении курсора */
      color: lime; /* цвет цифры при наведении курсора */
      -moz-border-radius: 9000em;
      border-radius: 9000em;
      khtml-border-radius:9000em;
      -webkit-border-radius:9000em;
    }
    </style>
    <script type="text/javascript">
    $('.linkst .pagelink a:not(.next):last').map(function () {
    text = $(this).html();
    text2 = $(this).attr('href');
    ssylk = /(.*?)\/viewtopic\.php\?id=(\d+)\&p=(\d+)/g;
    pId=(text2.replace(ssylk, '$2'));
    Max=text;
    var paginator='<div id="pagenav" style="display:none"><table id="paginator"><tr>';
    for (p=1; p<=Max; p++) {
    paginator += '<td><a id="pnav" style="text-decoration:none;" href="/viewtopic.php?id='+pId+'&p='+p+'">&nbsp;'+p+'&nbsp;</a></td>';
    if (p%10 == 0) paginator += '</tr><tr>';
    }
    paginator += '</tr></table></div>';
    $('#pun-viewtopic .pagelink').append(paginator);
    });
    $('div.pagelink').hover(function(){
    $(this).find('#pagenav').toggle();
    });
    </script>

Пасека
 
 

Пол : Женщина
Сообщения : 105
Возраст : 31
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2015-05-12

http://pasion.gip-gip.com/

Вернуться к началу Перейти вниз

Решено Re: Пагинатор

Сообщение автор Dana Domirani в Пт 24 Июл - 10:14

Пасека, данный скрипт не подходит для наших форумов. Максимум, что можно использовать — настройки CSS, и то — только после адаптации (в примере они заданы для элементов, которые на наших форумах не существуют).


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Пагинатор

Сообщение автор Пасека в Пт 24 Июл - 10:25

@Dana Domirani пишет:Пасека, данный скрипт не подходит для наших форумов. Максимум, что можно использовать — настройки CSS, и то — только после адаптации (в примере они заданы для элементов, которые на наших форумах не существуют).

Спасибо за ответ.13


Пасека
 
 

Пол : Женщина
Сообщения : 105
Возраст : 31
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2015-05-12

http://pasion.gip-gip.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения