Рип переключателей страниц


Красивые переключатели в серо-зеленых тонах, отлично подойдут как и для светлых так и для темных дизайнов. Рип переключателей страниц как на we-place.ру by BLAzER.

Установка:
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:3px 10px;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 0px 0px 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>



ИсточникАвтор: BLAzER | Категория: Переключатели страниц | Добавил: BLAzER | Дата: 09.05.2012
Посмотреть демо Рип переключателей страниц

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
2 | MrSkuLL пишет: | 24.12.2012 | 15:35 Страница с комментарием |
Спасибо вам большое за этот рип
+ (+1) -