- 2380
- 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>
Можешь почитать и вот эту статейку "теги и атрибуты HTML5"
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
