4274
- 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);
Код:
<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;
}Можешь почитать и вот эту статейку "Теги datalist"
Это тоже интересно
28.08.14Делаем стильные radio кнопки
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
и в ксс править
<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>
Получилось вот так..
А как сделать чтобы текущая активная страница как на скрине была?
ответить