Хак [хак]Постраничная навигация будущего

Barthez · 26 Май 2008

Демо: force-edition.com
Для начала подключаем наш скрипт, а именно помещаем следующий код между тегами :

Код:

<script type="text/javascript" src="paginator.js"></script>

Следующие что делаем это открываем style.css вашего шаблона вставляем в него следующий css код:

Код:

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

.paginator {margin-top:40px; margin-bottom:-5px; font-size:1em; width:650px;}
.paginator table {border-collapse:collapse; table-layout:fixed; width:100%;}
.paginator table td {padding:0; white-space:nowrap; text-align:center;}
.paginator span {display:block; padding:3px 0; color:#fff;}
.paginator span strong,
.paginator span a {padding:4px 6px; font-size: 14px; font-family:Georgia, Arial, Sans-Serif; color:#636363; text-decoration:none;}
.paginator span strong {font-style:normal; font-weight:normal;}
.paginator .scroll_bar {width:100%;    height:20px;position:relative;margin-top:10px;}
.paginator .scroll_trough {width:100%;height:3px;background:#ccc;overflow:hidden;}
.paginator .scroll_thumb {position:absolute;z-index:2;width:0; height:3px;top:0; left:0;font-size:1px;background:#363636;}
.paginator .scroll_knob {position:absolute;top:-5px; left:50%;margin-left:-10px;width:20px; height:20px;overflow:hidden;background:url(../images/slider_knob.gif) no-repeat 50% 50%;cursor:pointer; cursor:hand;}
.paginator .current_page_mark {position:absolute;z-index:1;top:0; left:0;width:0; height:3px;overflow:hidden;background: #44ae0b; color:#ffffff }
.fullsize .scroll_thumb {display:none;}
.paginator_pages {width:600px;text-align:right;font-size:0.8em; color:#808080;margin-top:-10px;}

/* Конец перехода по страницам  */

Следующие что делаем, это открываем файл шаблона navigation.tpl и вставляем в него следующий код:

Код:

<div class="paginator" id="paginator_example"></div>
            <div class="ntext">[prev-link]Предыдущая страница[/prev-link] &nbsp;&nbsp;/&nbsp;&nbsp; [next-link]Следующая страница[/next-link]</div><script type="text/javascript">paginator_example = new Paginator("paginator_example", x, y, 1, "http://yoursite.ru/page/" );</script>

gruppastimul · 26 Май 2008

а почему не дописано, что в этом шаге

Код:

<div class="paginator" id="paginator_example"></div>
            <div class="ntext">[prev-link]Предыдущая страница[/prev-link] &nbsp;&nbsp;/&nbsp;&nbsp; [next-link]Следующая страница[/next-link]</div><script type="text/javascript">paginator_example = new Paginator("paginator_example", x, y, 1, "http://yoursite.ru/page/" );</script>

"yoursite.ru" это адрес вашего сайта, x - общее число страниц, y - число страниц видимых одновременно.

p.s. так же в папку images вашего шаблона надо залить
картинку из архива slider_knob.gif - правда в архиве она почему то названа 1211742781_slider_knob.gif - надо переименовать в slider_knob.gif

автор, или тот, кто выложил данное на 4дле говорит

Единственная проблема в том, что скрипт не может вести учет общего количества страниц, поэтому число x рекомендуеться ставить на 50 страниц больше чем у вас есть. Если ктонить сможет решить этот вопрос (надеемся на наших суперпрограммеров), будет замечательно

+ сам автор видимо спешил выложить хак и не все дописал

Для начала подключаем наш скрипт, а именно помещаем следующий код между тегами :

между какими тегами ? ) логично между

HTML:

<head>и</head>

так что не зачет по оформлению новости

скрипт глючит - при нажатии на Следующая страница с главной на второй странице уже пропадает навигация..

pozerovnet · 26 Май 2008

Сначала автор хотел продавать этот хак, но видимо когда понял, что не исправит ошибку - отдал в паблик

YuGiN · 26 Май 2008

А номера странци 12346..54,55,56. они индексируются Яндексом ?

Добавлено через 20 секунд
Яндекс роботы будут проходить по таким ссылкам ?

JC · 26 Май 2008

Врядли, вообще все к чемы привязвн ява скрипт поисковики не индексируют...ты и темболее зачем вам такая кривая навигация, их есть полно, только прикрутить нужно..А эта глючная...

kandasoft · 28 Май 2008

И еще....

I. Чтобы самому не исправлять каждый раз количество страниц, нужно:

1) Открываем show.short.php и после строчки:

Код:

}else{ $tpl->set_block("'\[next-link\](.*?)\[/next-link\]'si", "<span>\\1</span>"); $no_next = TRUE;}

Вставляем:

Код:

$tpl->set('{num}', $pages_count);

2)Теперь идем в navigation.tpl и Х заменяем на {num}

Далее...

II. Чтобы выделялась страница, на которой находишься а не светилась постоянно страница №1:

1)открыть show.short.php найти:

Код:

}else{ $tpl->set_block("'[next-link](.*?)[/next-link]'si", "<span>1</span>"); $no_next = TRUE;}

ниже вставить:

Код:

$tpl->set('{current_page}', $i / $config['news_number']);

2)В navigation.tpl заменить 1 (после ,y,) на {current_page}

Должно получиться что-то такое:

Код:

( "paginator_example", {num}, 20, {current_page}, "http://site/page/" );

Удачи...

drop · 5 Окт 2008

Дабы не создавтаь новую тему схожей тематики...

Есть DLE 7.2, в котором не работает переход на "Следущая странца" и естественно "предведущая".

Ссылка на переход на следущую страничку

index.php?cstart=1.2&

При нажатии адрес в строке брауезра меняется, но отображение той страници на который ты и был остается.

Хак [хак]Постраничная навигация будущего

Barthez

Постоялец

Вложения

gruppastimul

Ваш

pozerovnet

Старатель

YuGiN

Гуру форума

JC

Бог пикселей

kandasoft

Читатель

drop

Мой дом здесь!