Делаем красивую пагинацию на сайте.Не последнюю в оформлении сайта и удобства использования играет блог постраничной пагинации, выводимый внизу блока новостей.
Но сначала, немного изменим файл \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);
<div class=" pnav">[prev-link]{l_prevpage}[/prev-link]
{pages}
[next-link]{l_nextpage}[/next-link]</div>.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;
}Можешь почитать и вот эту статейку "Стильное,полупрозрачное горизонтальное CSS3 меню с всплывающими пунктами при наведении"
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>
Получилось вот так..
А как сделать чтобы текущая активная страница как на скрине была?
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
