3194
- 0
- Адаптировал: irbees2008
- Уровень сложности исполнения: нужны навыки css hmlt
Вот выставляю пагинацию , красивая стильная,кому надо берем.
1.Скачиваем архив ,распаковываем и заливаем картинку в папку images вашего шаблона.
2.Открываем файл variables.ini и заменяем содержимое раздела[navigation] на этот код:
Код:
[navigation]
prevlink = " <a id="prev" href='%link%'>%page%</a> "
nextlink = " <a id="next" href='%link%'>%page%</a> "
current_page = " <b>%page%</b> "
link_page = " <a href='%link%'>%page%</a> "
dots = " <span>...</span> "
Код:
/**********************pagination******************************/
#pagination{margin-bottom:-50px;font-size:13px;font-weight:bold;line-height:37px;}
#pagination a,#pagination b{margin-right:2px;width:37px;height:37px;text-align:center;display:inline-block;}
#pagination a{background:url(../images/bg-pagination.png) 0 0 no-repeat;}
#pagination a:hover{color:#fff;background:url(../images/bg-pagination.png) 0 -37px no-repeat;}
#pagination b{color:#fff;background:url(../images/bg-pagination.png) 0 -74px no-repeat;}
#pagination span{margin-right:2px;}
#pagination #next{background:url(../images/bg-pagination.png) 0 -111px no-repeat;}
#pagination #next:hover{background:url(../images/bg-pagination.png) 0 -148px no-repeat;}
#pagination #prev{background:url(../images/bg-pagination.png) 0 -185px no-repeat;}
#pagination #prev:hover{background:url(../images/bg-pagination.png) 0 -222px no-repeat;}
Код:
<div id="pagination">
[prev-link] [/prev-link]{pages}[next-link] [/next-link]
</div>
Можешь почитать и вот эту статейку "Форматируем дату новости на TWIGе"
Это тоже интересно
13.06.17Свеженький Хак от Русика
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.