Этот код заменяет стандартные переключатели страниц на более красивые. Смотри и пробуй тут Метод установки:
Заходим в админ панель Вашего сайта -> управление дизайном -> таблицы стилей(css) и вставляем этот код в самый низ.
Этот первый код кнопок в зеленых тонах, как на этом сайте:
/* PageSelector Start(переключатель страниц) */
.catPages1 {color:#FFFFFF;border:1px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover, .catPages1 a:active {text-decoration:none;color:
#000000;background:#ccff00;padding:3px
6px;font-size:11px;font-weight:bold;border:1px solid #00cc00;}
.catPages1 a:hover {background:#009900;color:#FFFFFF;font-weight:bold;border:1px solid #00cc00;}
.catPages1 b {text-decoration:none;background:#ffffcc;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #00cc00;}
.pagesBlockuz1 {color:#ffffcc;border:1px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active {text-decoration:none;color:
#000000;background:#ccff00;padding:3px
6px;font-size:11px;font-weight:bold;border:1px solid #00cc00;}
.pagesBlockuz1 a:hover {background:#009900;color:#FFFFFF;font-weight:bold;border:1px solid #00cc00;}
.pagesBlockuz1 b {text-decoration:none;background:#ffffcc;padding:3px
6px;color:#ccc;font-size:11px;border:1px solid #00cc00;}
.pagesBlock1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock1 a:link,
.pagesBlock1 a:visited,
.pagesBlock1 a:hover,
.pagesBlock1 a:active {text-decoration:none;color:
#000000;background:#353535;padding:3px
10px;font-size:11px;font-weight:bold;}
.pagesBlock1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlock1 b {text-decoration:none;background:#ffffcc;padding:3px 10px;color:#ccc;font-size:11px;}
.catPages2 {color:#ffffcc;border:1px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;color:
#000000;background:#ccff00;padding:3px
6px;font-size:11px;font-weight:bold;border:1px solid #00cc00;}
.catPages2 a:hover {background:#009900;color:#FFFFFF;font-weight:bold;border:1px solid #00cc00;}
.catPages2 b {text-decoration:none;background:#ffffcc;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #00cc00;}
.pagesBlockuz2 {color:#ffffcc;border:1px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz2 a:link,
.pagesBlockuz2 a:visited,
.pagesBlockuz2 a:hover,
.pagesBlockuz2 a:active {text-decoration:none;color:
#000000;background:#ccff00;padding:3px
6px;font-size:11px;font-weight:bold;border:1px solid #00cc00;}
.pagesBlockuz2 a:hover {background:#009900;color:#FFFFFF;font-weight:bold;border:1px solid #00cc00;}
.pagesBlockuz2 b {text-decoration:none;background:#ffffcc;padding:3px
6px;color:#ccc;font-size:11px;border:1px solid #00cc00;}
.pagesBlock2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock2 a:link,
.pagesBlock2 a:visited,
.pagesBlock2 a:hover,
.pagesBlock2 a:active {text-decoration:none;color:
#000000;background:#353535;padding:3px
10px;font-size:11px;font-weight:bold;}
.pagesBlock2 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlock2 b {text-decoration:none;background:#ffffcc;padding:3px 10px;color:#ccc;font-size:11px;}
/* PageSelector end */
/* PageSelector Start */
.catPages1 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #636363;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #e6e6e6;}
.catPages1 a:hover {background:#6699cc;color:#FFFFFF;font-weight:bold;border:1px solid #e6e6e6;}
.catPages1 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;} .pagesBlockuz1 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active {text-decoration:none;color: #636363;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #e6e6e6;}
.pagesBlockuz1 a:hover {background:#6699cc;color:#FFFFFF;font-weight:bold;border:1px solid #e6e6e6;}
.pagesBlockuz1 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;}
.pagesBlock1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock1 a:link,
.pagesBlock1 a:visited,
.pagesBlock1 a:hover,
.pagesBlock1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlock1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlock1 b {text-decoration:none;background:#ffffff;padding:3px 10px;color:#ccc;font-size:11px;}
.catPages2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;color: #636363;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #e6e6e6;}
.catPages2 a:hover {background:#6699cc;color:#FFFFFF;font-weight:bold;border:1px solid #e6e6e6;}
.catPages2 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;}
.pagesBlockuz2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz2 a:link,
.pagesBlockuz2 a:visited,
.pagesBlockuz2 a:hover,
.pagesBlockuz2 a:active {text-decoration:none;color: #636363;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #e6e6e6;}
.pagesBlockuz2 a:hover {background:#6699cc;color:#FFFFFF;font-weight:bold;border:1px solid #e6e6e6;}
.pagesBlockuz2 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;}
.pagesBlock2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock2 a:link,
.pagesBlock2 a:visited,
.pagesBlock2 a:hover,
.pagesBlock2 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlock2 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlock2 b {text-decoration:none;background:#ffffff;padding:3px 10px;color:#ccc;font-size:11px;}
/* PageSelector end */