Хаки и Скрипты Next Generation CMS Голосов: 1 Адрес блога: http://ngcmshak.ru Добавлен: 2013-12-31 14:21:51 блограйдером 88888888

Стильная пагинация

2013-12-08 01:37:22 (читать в оригинале)

Вот выставляю пагинацию , красивая стильная,кому надо берем.
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> "

3.В стили добавляем :

 /**********************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;}

4.В файле pages.tpl заменить код на этот:

 <div id="pagination">
		[prev-link] [/prev-link]{pages}[next-link] [/next-link]
</div>

вот и все