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

Делаем красивую пагинацию на сайте.Не последнюю в оформлении сайта и удобства использования играет блог постраничной пагинации, выводимый внизу блока новостей.
Но сначала, немного изменим файл \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;
}
Вроде все

Можешь почитать и вот эту статейку "Огромная коллекция русских шрифтов"

mistakes

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

    axtynr

    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>
    Получилось вот так..
    А как сделать чтобы текущая активная страница как на скрине была?

    ответить

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

Ваше мнение

Каким софтом вы пользуетесь?
Результаты

----