Форум поддержки пользователей ZeroParking |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Быстрая-Удобная Навигация по страницам
Быстрая Навигация по страницам
© Отдельное Спс Шмель&Romych,
которые подтолкнули к реализации
(*Скрипт начинает работать, если в топике или форуме больше 4-х страниц!
В HTML верх
<script src="http://hostjs-mybb2011.narod.ru/js/mybbpaginator.js"></script>
Теги: НОВЫЕ Скрипты
Отредактировано Deff (2011-09-23 12:14:23)
Deff
а может уж тогда в низу форума просто добавить окошко для ввода куда бы вводились цифры и кнопка рядом "ПЕРЕХОД"
а может уж тогда в низу форума просто добавить окошко для ввода куда бы вводились цифры и кнопка рядом "ПЕРЕХОД"
Вариант точно не для ленивых) Это пока мышкой клацнешь, пока введешь, пока энтер нажмешь..
Lonely_wolf 
На центральной техподдержке в корзине 600 страниц - много ли навводишь ? Обычно необходимо для Старых форумов, в Архивах тем и для поиска инфы в одной полной теме(* бегать по 50 страницам в поисках того же скрипта, тоже не Айс
Отредактировано Deff (2011-05-15 23:27:06)
выкладываю свою версию пагинатора (удобной постраничной навигации в темах)
Пагинатор MYBB 2011
в html-верх:
<style type="text/css">
#paginator {
opacity: 0.9;
position: relative;
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>в html-низ:
<!-- Paginator Mybb 2011-->
<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+'"> '+p+' </a></td>';
if (p%10 == 0) paginator += '</tr><tr>';
}
paginator += '</tr></table></div>';
$('#pun-viewtopic .pagelink').append(paginator); });
$('div.pagelink').hover(function(){
$('#pagenav').toggle(); });
</script>спасибо Паше (rps) за корректировку стиля!
ПРИМЕР работы
это канешно интересные скрипты их бы вот на этот форум установить а ту тем очень много листать не удобно!
Deff, большое спасибо, скрипт очень удобный!
Deff
Вещь удобная, но почему движок находится только внизу страницы?
Нельзя ли сделать, чтобы он и наверху тоже был.
Romych
Скрипт тоже хорош, но почему то при его установке у меня пропала кнопка "Редактировать" в темах, где более одной страницы.
Может подскажете, в чём причина?
| Навигатор по скриптам | Галерея скриптов | 2010-10-29 |
| Оцените дизайн | Архив тем | 2010-04-16 |
Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Быстрая-Удобная Навигация по страницам