Переход по страницам сайта
Код:
<!--- Пагинатор MyBB --->
<style type="text/css">
.pagelink:hover #paginator {display: block;}
#pagenav {grid-row: 2;}
#paginator{
opacity:.98;padding:.2em;
position:absolute;
left:0;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;}
}
@media screen and (max-width: 846px) and (orientation: portrait) {
.first {font-size: 0.95em;}
.second{font-size: 0.75em;}
tr.poll div.icon {border-left: solid 3px #7F6A00 !important;}
}
</style>
<script type="text/javascript">
if($('#pun-viewtopic, #pun-viewforum, #pun-searchposts, #pun-searchtopics, #messages, #pun-respect, #pun-positive, #userlist').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(/&p=.+$/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(15):strok(10);}paginator+='</tr></table></div>';if(p<=6){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>
Пример - здесь.