Тестовик

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Тестовик » Украшение форума » Пагинатор


Пагинатор

Сообщений 1 страница 3 из 3

1

Переход по страницам сайта

Код:
<!--- Пагинатор 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+'">&nbsp;'+p+'&nbsp;</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>

Пример - здесь.

0

2

Пагинатор

Код:
<!-- Paginator Mybb 2011-->
<script type="text/javascript">
if(window.UserID!=78)(function () {$('.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>

Пример - здесь.

0

3

Быстрая навигация по страницам (бегунком)

Код:
<!-- Быстрая навигация по страницам © 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>

Источник - здесь.

0


Вы здесь » Тестовик » Украшение форума » Пагинатор


создать форум