Хаки и Скрипты Next Generation CMS : Интерфейс : Делаем красивую пагинацию на сайте

irbees2008 Опубликовано - 3 - мая Интерфейс

Автор: --------------
Адаптировал: ----------
Источник:
Уровень сложности исполнения: Справочник

Делаем красивую пагинацию на сайте.Не последнюю в оформлении сайта и удобства использования играет блог постраничной пагинации, выводимый внизу блока новостей.
Но сначала, немного изменим файл \engine\includes\inc\functions.inc.php красивее так: перелистывание назад, первая - внутренний блок - последняя страницы, перелистывание вперед. Вот и сделаем так.

1. заменяем следующую строку

Код:

$pages .= generatePaginationBlock($current, $pages_count-$sectionSize, $pages_count, $paginationParams, $navigations);

на

Код:

$pages .= generatePaginationBlock($current, $pages_count+1-$sectionSize, $pages_count, $paginationParams, $navigations);

2.А теперь идем в pages.tpl в вашем шаблоне.

Код:

<div class=" pnav">[prev-link]{l_prevpage}[/prev-link]
   {pages}   
[next-link]{l_nextpage}[/next-link]</div>

3.Теперь идем в css шаблона и добавляем стили к блоку pnav.

Код:

.pnav{
font:verdana,arial;
font-size:11px;
width:500px;
color:#666;
padding:3px 0 10px 50px;
margin:0 auto;
}
.pnav a,.pnav b,.pnav a:link,.pnav a:active{
padding:2px 4px;
margin:2px;
text-decoration:none;
border:1px solid #666;
color:#416e90;
background:#fff;
}
.pnav a:hover,.pnav b{
border:1px solid #ff610b;
color:#416e90;
background:#fff7d3;
}

Вроде все

Можешь почитать и вот эту статейку "Добавляем к ссылкам и картинкам всплывающие подсказки Tooltips"

Это тоже интересно

axtynr 9.05.2013 - 05:49 Не получилось, пришлось div'ом id в pages.tpl выводить
и в ксс править
<code>
#pnav{
font:verdana,arial;
font-size:11px;
width:500px;
color:#666;
padding:3px 0 10px 50px;
margin:0 auto;
}
#pnav a,.pnav b,.pnav a:link,.pnav a:active{
padding:2px 4px;
margin:2px;
text-decoration:none;
border:1px solid #666;
color:#416e90;
background:#fff;
}
#pnav a:hover,.pnav b{
border:1px solid #ff610b;
color:#416e90;
background:#fff7d3;
}
</code>
Получилось вот так..
А как сделать чтобы текущая активная страница как на скрине была?

ответить

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.