[Table]Данный код вставляем через HTML редактор на главной странице после $LAST_NEWS$[/Table]
[Table]и в страницы архив материалов после $BODY$[/Table]
Code
<br><style>
#content {white-space:nowrap}
#content a{display:inline-block;font:12px Tahoma;width:36px;padding:1px 0;margin:1px;color:#a5de1e;text-align:center;text-decoration:none;}
#content a:hover, .curPage{background:#2d2d2d;color:#fff !important;}
#pageScroll {margin:0 auto;overflow:hidden;position:relative;top:-3px;cursor:default}
.scrollWrap {background:#4с4с4с;font:0;position:relative}
.scrollBar {background:#444444;cursor:pointer;cursor:hand;font:0px;position:relative;z-index:400}
.scrollPage {background:#a5de1e;font:0;position:absolute;z-index:300;}
.pagesTotal {font:12px Tahoma;color:#bbb}
#pagesBlock1, .pagesBlock1, .pagesBlockuz1 {display:none !important;} </style> <div id="pageScroll"><span id="content"></span></div> <script type="text/javascript" src="http://cs-nnov.ru/js/pagescroller.js"></script> <script>initScrolls(10/*количество страниц по ширине*/,5/*высота бара*/,false/*простая прокрутка*/,true/*стрелка*/,true/*всего страниц*/,7/*минимальная ширина бара*/,' ')</script><br>
#content {white-space:nowrap}
#content a{display:inline-block;font:12px Tahoma;width:36px;padding:1px 0;margin:1px;color:#a5de1e;text-align:center;text-decoration:none;}
#content a:hover, .curPage{background:#2d2d2d;color:#fff !important;}
#pageScroll {margin:0 auto;overflow:hidden;position:relative;top:-3px;cursor:default}
.scrollWrap {background:#4с4с4с;font:0;position:relative}
.scrollBar {background:#444444;cursor:pointer;cursor:hand;font:0px;position:relative;z-index:400}
.scrollPage {background:#a5de1e;font:0;position:absolute;z-index:300;}
.pagesTotal {font:12px Tahoma;color:#bbb}
#pagesBlock1, .pagesBlock1, .pagesBlockuz1 {display:none !important;} </style> <div id="pageScroll"><span id="content"></span></div> <script type="text/javascript" src="http://cs-nnov.ru/js/pagescroller.js"></script> <script>initScrolls(10/*количество страниц по ширине*/,5/*высота бара*/,false/*простая прокрутка*/,true/*стрелка*/,true/*всего страниц*/,7/*минимальная ширина бара*/,' ')</script><br>
[Table]Так же это вставляем в низ Вашего CSS[/Table]
Code
/* PageSelectorGlav by Cs-Nnov.Ru*/
#content {white-space:nowrap}
#content a{display:inline-block;font:12px Tahoma;width:35px;padding:1px;margin:1px;color:#f4c430;border:2px solid #171717;background:#252525;text-align:center;text-decoration:none;}
#content a:hover, .curPage{background:#2c2c2c;margin:1px;color:#f4c430;border:2px solid #282828; !important;}
#pageScroll {margin:0 auto;overflow:hidden;position:relative;top:-3px;cursor:default}
.scrollWrap {background:#252525;font:0;position:relative}
.scrollBar {background:#777;cursor:pointer;cursor:hand;font:0px;position:relative;z-index:400}
.scrollPage {background:#f4c430;font:0;position:absolute;z-index:300;}
.pagesTotal {font:12px Tahoma;color:#000000}
#pagesBlock1, .pagesBlock1, .pagesBlockuz1 {display:none !important;}
/* --------- */
#content {white-space:nowrap}
#content a{display:inline-block;font:12px Tahoma;width:35px;padding:1px;margin:1px;color:#f4c430;border:2px solid #171717;background:#252525;text-align:center;text-decoration:none;}
#content a:hover, .curPage{background:#2c2c2c;margin:1px;color:#f4c430;border:2px solid #282828; !important;}
#pageScroll {margin:0 auto;overflow:hidden;position:relative;top:-3px;cursor:default}
.scrollWrap {background:#252525;font:0;position:relative}
.scrollBar {background:#777;cursor:pointer;cursor:hand;font:0px;position:relative;z-index:400}
.scrollPage {background:#f4c430;font:0;position:absolute;z-index:300;}
.pagesTotal {font:12px Tahoma;color:#000000}
#pagesBlock1, .pagesBlock1, .pagesBlockuz1 {display:none !important;}
/* --------- */
