Красивые переключатели в серо-зеленых тонах, отлично подойдут как и для светлых так и для темных дизайнов.
Установка:
1) Панель управления => Управление дизайном => Таблица стилей (CSS)
И туда вставляем (без разницы куда в самый вверх в середину или в самый низ):
Code
.catPages1 {color:#bbbbbb;border:0px;margin-bottom:10px;margin-top:10px;}
#pagesBlock1 {padding-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {font-family: tahoma;text-decoration:none;color: #ffffff;background:#bbbbbb;padding:3px10px;font-size:11px;font-weight:bold;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-khtml-border-radius:2px;font-size: 10px;}
.catPages1 a:hover {font-family: tahoma;background:#69b44b;color:#FFFFFF;font-weight:bold;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-khtml-border-radius:2px;font-size: 10px; box-shadow: 0px 0px0px 1px #5a9f22;text-shadow: 0px 1px 0px #579b1f;}
.catPages1 b {font-family: tahoma;text-decoration:none;background:#69b44b;padding:3px 10px;color:#ffffff;font-size:11px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-khtml-border-radius:2px;font-size:10px; box-shadow: 0px 0px 0px 1px #5a9f22;text-shadow: 0px 1px 0px #579b1f;}
2) Теперь где нам нужно заменить переключатели (я беру к примеру каталог файлов) ищем тег $PAGE_SELECTOR1$или $PAGE_SELECTOR1$ и заменяем на следующее:
Code
<div class="catPages1">$PAGE_SELECTOR1$</div> или <div class="catPages1">$PAGE_SELECTOR$</div>
| 
Skype: yura199925
Icq:
Вконтакте: //vk.com/shudrenkoyura
E-mail: 