Акция! Дизайн «MyBB Technical Support»
Быстрая навигация по страницам
Модифицирует стандартную навигацию по страницам форума с возможностью выбирать любой номер.
Автор: 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
Модифицирует стандартную навигацию по страницам форума с возможностью выбирать любой номер.
Автор: 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+'"> '+p+' </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>
Быстрый переход по страницам темы и форума
Добавляет на странице топика или странице списка тем срелку, по клику на которую, всплывает блок для ввода заданной страницы топика/раздела.
Автор: 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Версия скрипта для перехода ТОЛЬКО по страницам топика
Код:<!-- Быстрый переход по страницам темы © 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//-Быстрый переход по страницам темы -->
