Быстрая навигация по страницам
Модифицирует стандартную навигацию по страницам форума с возможностью выбирать любой номер.

http://s4.uploads.ru/bPLQ7.png

Автор: Alex_63

скрипт и описание

- Корректно отображается при любом количестве страниц (до 10000 и более);
- Работает не только в топике, но и на странице форумов, личных сообщений, в поиске;
- Пагинатор работает вверху и внизу страницы, вместо стандартной пагинации
- Имеется оранжевый маркер текущей страницы (см.скрин), при клике на который пагинатор возвращается в исходное положение
- Корректно работает во всех современных браузерах, включая мобильные

В HTML верх:

Код:
    <!-- Быстрая навигация по страницам © Alex_63 --><style>
    #pun .pagenav td{padding:0!important;border:none 0 transparent!important;vertical-align:top}
    .page-wrap{display:inline-block;position:relative}.page-wrap a{display:inline-block;text-align:center;width:2em}
    .page-wrap .first{margin-right:.6em;}.page-wrap .last{margin-left:.6em;}.page-wrap .first+.last{margin-left:-.6em}
    .page-wrap a.current{color:#ff6c24;text-decoration:none;font-weight:700}.pagenav a.l3{transform:scaleX(.9)}
    .pagenav a.l4{transform:scaleX(.8)}.pagenav a.l5{transform:scaleX(.7)}.pagenav a.l6{transform:scaleX(.6)}
    .page-dt{display:none;position:absolute;transform:scaleX(.7)}.page-dt.visible{display:block;}
    .page-dt.l{left:1.8em;}.page-dt.r{right:1.8em;}.page-wrap.f~.page-scroll{margin-left:1em;}
    .page-scroll{height:10px;margin-top:3px;display:block;background:transparent;border-top:solid 3px #d4d4d4;margin-bottom:-10px;}
    .page-scroll-thumb{position:relative;margin-top:-3px;height:10px;background:transparent;cursor:pointer;border-top:solid 3px rgba(0,0,0,.7)}
    .page-scroll-marker{border-top:solid 3px #ff6c24;width:3px;height:6px;top:-13px;position:relative;cursor:pointer;z-index:6}
    .linkst .pagelink,.linksb .pagelink{width:32em}.linkst .pagelink{margin-top:-.5em}
    </style>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/88373.js"></script>

Пагинатор MyBB
Модифицирует стандартную навигацию по страницам форума с возможностью выбирать любой номер.

http://forumfiles.ru/uploads/0007/e3/f7/2617/999350.png

Автор: Alex_63

скрипт и код

В НТМЛ низ:

Код:
    <style>
    /* пагинатор */
    #paginator{
      opacity:.98;padding:.2em;
      position:absolute;
      left:6em;border:1px solid;
      table-layout:auto!important;
      width:auto!important;
      border-radius:4px;
      border-spacing: 0;
      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);
      z-index:1000;margin-top:1px;
      border-top:solid 1px #eee !important;
    }
    #paginator:before{
      content:"";display:block;position:relative;
      height:6px;top:-5px;margin-bottom:-6px;
    }
    #paginator td{
      background:transparent!important;
      padding:0.1em;
      border-style:none!important;
    }
    #paginator a{
      border:solid 1px transparent;
      display:inline-table;
      width:2em;height:2em;
      line-height:2em;
      text-align:center;
      margin:-.2em;
    }
    #paginator a:hover{
      opacity:.8;
      background-color: rgba(240, 249, 255, 0.77);
      border:solid 1px;
      border-radius:50%;
    }
    .second {
      display: none;
      font-size: 0.8em;
    }
     
    @media screen and (max-width: 540px) {
      #paginator{left: -1em; border-collapse:collapse;}
      .first {font-size: 0.7em;}
      .second{font-size: 0.5em;}
    }
    </style>
    <script>
    //Пагинатор MyBB
    if($('#pun-viewtopic,#pun-viewforum,#messages').length&&$('.pagelink a').length)(function(){var tx,tS,Max,bgclr,paginator,Lnk;tx=$('.pagelink a:not(.next):last').html();tS=$('.pagelink strong').html();if(parseInt(tS)>parseInt(tx)){tx=tS;}Max=tx;Lnk=$('.pagelink a:first')[0].href.replace(/&.+$/gim,'');bgclr=$('.crumbs:first').css('background-color');brclr=$('.crumbs:first').css('border-bottom-color');function strok(n){if(p%n==0)paginator+='</tr><tr>'};paginator='<div id="pagenav" style="display:none;position:relative"><table id="paginator"><tr>';for(var p=1;p<=Max;p++){var L=p.toString().length,Cs=' class="'+(L>=3?'second"':'first"');paginator+='<td '+Cs+'><a id="pnav" style="text-decoration:none;" href="'+Lnk+'&p='+p+'">&nbsp;'+p+'&nbsp;</a></td>';Max>50?strok(20):strok(10);}paginator+='</tr></table></div>';if(p<=4){return!1}$('.pagelink').append(paginator);$('div[id="pagenav"] table').css({'border-color':brclr,'background-color':bgclr});})();$('.pagelink').hover(function(){$(this).find('#pagenav').toggle();});$('#pagenav').on('mousemove touchmove',function(e){var offset=$(this).offset();var currentY=e.originalEvent.touches?e.originalEvent.touches[0].pageY:e.pageY;var y=parseInt((currentY-offset.top));y>90?$('.second').toggle(true):$('.second').toggle(false);});
    </script>

Быстрый переход по страницам темы и форума
Добавляет на странице топика или странице списка тем срелку, по клику на которую, всплывает блок для ввода заданной страницы топика/раздела.

http://s4.uploads.ru/s7hai.jpg

Автор: Alex_63

скрипт и описание

В HTML низ:

<!-- Быстрый переход по страницам темы и форума © Alex_63 -->
    <style>
    .quickJump {
      display: none;
      position: absolute;
      background: #f7f7f7;
      color: #333;
      font-size: 11px;
      margin-top: 3px;
      padding: 5px !important;
      border: solid 1px #ccc;
      border-radius: 5px;
    }
    .openQJump { cursor: pointer; margin-right: 1px; }
    .openQJump > img { margin-bottom: -2px; margin-right: 2px; opacity: 1.0; }
    .openQJump > img:hover { opacity: 0.8; }
    </style>
    <script type="text/javascript">
    var t_fID = $('html').find('link[rel="alternate"]').attr('href').split('id=')[1];if($('#pun-viewtopic').length){var UrlSpl='viewtopic'} if($('#pun-viewforum').length){var UrlSpl='viewforum'}if($('#pun-viewtopic, #pun-viewforum').length){$('div.pagelink:contains("»"), div.pagelink:contains("«")').each(function(){$('<form action="http://'+location.hostname+'/'+UrlSpl+'.php" method="get"><ul class="qJump-ul"><li class="quickJump"><label><input type="hidden" name="id" value="'+t_fID+'" />К странице: <input type="text" name="p" size="4" /></label> <input type="submit" class="button" value="Перейти" /></li></ul></form>').appendTo(this);$('<span class="openQJump"><img src="https://forumstatic.ru/files/0015/92/70/93282.png" /></span>').prependTo(this);});$('.openQJump').click(function(){$(this).parent().find('.quickJump').fadeToggle(160);});}</script>
    <!-- //End//-Быстрый переход по страницам темы и форума -->

Красным выделена ссылка на картинку стрелки.

Вариант картинки для форумов с темным фоном: https://forumstatic.ru/files/0015/92/70/21719.png
Ссылка: https://forumstatic.ru/files/0015/92/70/21719.png


Версия скрипта для перехода ТОЛЬКО по страницам топика

Код:
    <!-- Быстрый переход по страницам темы © Alex_63 -->
    <style>
    .quickJump {
      display: none;
      position: absolute;
      background: #f7f7f7;
      color: #333;
      font-size: 11px;
      margin-top: 3px;
      padding: 5px !important;
      border: solid 1px #ccc;
      border-radius: 5px;
    }
    .openQJump { cursor: pointer; margin-right: 1px; }
    .openQJump > img { margin-bottom: -6px; opacity: 1.0; }
    .openQJump > img:hover { opacity: 0.8; }
    </style>
    <script type="text/javascript">
    var topicID = $('html').find('link[rel="alternate"]').attr('href').split('tid=')[1];
    if($('#pun-viewtopic').length) {
        $('div.pagelink:contains("»"), div.pagelink:contains("«")').each(function(){
            $('<form action="http://'+location.hostname+'/viewtopic.php" method="get"><ul class="qJump-ul"><li class="quickJump"><label><input type="hidden" name="id" value="'+topicID+'" />К странице: <input type="text" name="p" size="4" /></label> <input type="submit" class="button" value="Перейти" /></li></ul></form>').appendTo(this);
            $('<span class="openQJump"><img src="https://forumstatic.ru/files/0015/c4/3f/53036.png" /></span>').prependTo(this);
        });
        $('.openQJump').click(function(){
            $(this).parent().find('.quickJump').fadeToggle(160);
        });
    };
    </script>
    <!-- //End//-Быстрый переход по страницам темы -->