Каталог статей
| Главная » Статьи » Web-мастерам » Скрипты для Ucoz и не только |
Page Selector
Автор: tester-disru | Дата: 09.02.2012 | Просмотров: 1192 |
В этой статье я хотел бы объяснить, как можно изменить стандартный Page Selector от Ucoz на каждой странице сайта.
И так приступим:
1) Для начала нам понадобится сам код Page Selector:
- ищем в таблице стилей стандартный Page Selector и заменяем его на:
Code
/* Page Selector / Start */
.catPages1 {color:#f5f5dc;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #4c5866;BACKGROUND-IMAGE:URL(http://dis-design.ru/design_orenj/images/bgpages.PNG);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {BACKGROUND-IMAGE:URL(http://dis-design.ru/design_orenj/images/bp.png);color:#4f7942;font-weight:bold;}
.catPages1 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://dis-design.ru/design_orenj/images/bp.png);border:1PX SOLID #999999;padding:2px 10px;color:#303b45;font-size:11px;}
.catPages2 {color:#EFEEEB;border:0px;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 10px;font-size:11px;font-weight:bold;}
.catPages2 a:hover {background:#6B82A4;color:#FFFFFF;font-weight:bold;}
.catPages2 b {text-decoration:none;background:#FFFFFF;padding:3px 10px;color:#ccc;font-size:11px;}
/* Page Selector Style / End */
2) Проходим по всем страницам и везде где видим:
Code
<?if($PAGE_SELECTOR$)?>$PAGE_SELECTOR$<?endif?>
- Заключаем PAGE_SELECTOR или PAGE_SELECTOR1 div вида:
Code
<div class="catPages1"><?if($PAGE_SELECTOR$)?>$PAGE_SELECTOR$<?endif?></div>
Вот и все в принципе - теперь каждый PAGE_SELECTOR, на каждой странице, будет у нас в нашем стиле 
|
| |||
| |||
