Aka Дата: Пятница, 11.05.2012, 00:14 | Сообщение # 1
Активность 20%
Сообщений: 26
Группа:
Проверенные
Доп. инфо
Имя: aka
Город:
Область:
Страна: Российская Федерация
Зарегистрирован: 29.05.2011
Статус: Оффлайн
Зеленый переключатель страниц Код вставлять в CSS в самый конец.
Quote
.pagesBlockuz1 {color:#2c8a3a;border:0px;margin-bottom:10px;margin-top:10px;} .pagesBlockuz1 a:link, .pagesBlockuz1 a:visited, .pagesBlockuz1 a:hover, .pagesBlockuz1 a:active {text-decoration:none;color: #2c8a3a;background:#CDEDA5;padding:3px 10px;font-size:11px;font-weight:bold;} .pagesBlockuz1 a:hover {background:#30963F;color:#75C954;font-weight:bold;} .pagesBlockuz1 b {text-decoration:none;background:#37B63A;padding:3px 10px;color:#ABDD71;font-size:11px;} .pagesBlockuz2 {color:#2c8a3a;border:0px;margin-bottom:10px;margin-top:10px;} .pagesBlockuz2 a:link, .pagesBlockuz2 a:visited, .pagesBlockuz2 a:hover, .pagesBlockuz2 a:active {text-decoration:none;color: #2c8a3a;background:#CDEDA5;padding:3px 10px;font-size:11px;font-weight:bold;} .pagesBlockuz2 a:hover {background:#30963F;color:#75C954;font-weight:bold;} .pagesBlockuz2 b {text-decoration:none;background:#37B63A;padding:3px 10px;color:#ABDD71;font-size:11px;}
Aka Дата: Воскресенье, 13.05.2012, 16:27 | Сообщение # 2
Активность 20%
Сообщений: 26
Группа:
Проверенные
Доп. инфо
Имя: aka
Город:
Область:
Страна: Российская Федерация
Зарегистрирован: 29.05.2011
Статус: Оффлайн
Переключатель страниц для сайтов с тёмным дизайном Установка В самый низ css ставим данный код
Quote
/*-- Page Selector Style --*/ .catPages1, .pagesBlockuz1, .pagesBlockuz2 {color:#000000;border:0px;margin-bottom:8px;margin-top:9px;} .catPages1 a:link, .pagesBlockuz1 a:link, .pagesBlockuz2 a:link, .catPages1 a:visited, .pagesBlockuz1 a:visited, .pagesBlockuz2 a:visited, .catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover, .catPages1 a:active, .pagesBlockuz1 a:active, .pagesBlockuz2 a:active { color: #FFFFFF; padding:2px 8px; font-size:11px; font-weight:bold; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #33FF00; text-decoration:none; background-color: #151515; } .catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover, a.swchItem1:hover { color: #000000; padding:2px 8px; font-size:11px; font-weight:bold; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #33FF00; text-decoration:none; background-color: #33FF00; } .catPages1 b, .pagesBlockuz1 b, .pagesBlockuz2 b {color: #FFFFF; padding:1px 7px; font-size:10px; font-weight:bold; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #33FF00; text-decoration:none; background-color: #6FFF2D; } a.swchItem1:link, a.swchItem:link {color: #FFFFFF; padding:2px 5px; font-size:9px; font-weight:bold; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #33FF00; text-decoration:none; } .swchItemA1, .swchItemA { color: #000000; padding:2px 3px; font-size:9px; font-weight:bold; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #33FF00; text-decoration:none; background-color: #33FF00; } a.swchItem1:hover, a.swchItem:hover { color: #000000; padding:2px 5px; font-size:9px; font-weight:bold; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #33FF00; text-decoration:none; background-color: #33FF00; } /*-- Page Selector Style END--*/
Источник http://uc-portaller.ru
Aka Дата: Воскресенье, 13.05.2012, 16:37 | Сообщение # 3
Активность 20%
Сообщений: 26
Группа:
Проверенные
Доп. инфо
Имя: aka
Город:
Область:
Страна: Российская Федерация
Зарегистрирован: 29.05.2011
Статус: Оффлайн
Зеленый переключатель страниц Устанавливаем этот код после $BODY$:
Quote
<style> #content {white-space:nowrap} #content a{display:inline-block;font:12px Tahoma;width:38px;padding:2px 0;margin:1px;color:#88aa00;text-align:center;text-decoration:none;} #content a:hover, .curPage{background:#88aa00;color:#fff !important;} #pageScroll {margin:0 auto;overflow:hidden;position:relative;top:-3px;cursor:default} .scrollWrap {background:#dfdfdf;font:0;position:relative} .scrollBar {background:#777;cursor:pointer;cursor:hand;font:0px;position:relative;z-index:400} .scrollPage {background:#88aa00;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"> </div> <script type="text/javascript" src="http://studioad.ru/PageScroller.js"></script> <script>initScrolls(10)</script></span>
Aka Дата: Воскресенье, 13.05.2012, 16:54 | Сообщение # 4
Активность 20%
Сообщений: 26
Группа:
Проверенные
Доп. инфо
Имя: aka
Город:
Область:
Страна: Российская Федерация
Зарегистрирован: 29.05.2011
Статус: Оффлайн
Переключатель страниц Заменяем стандартный переключатель страниц более привлекательным.
Quote
/*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 */
Выше приведенный код необходимо вставить либо в ваш CSS стиль - либо в стандартный uCoz CSS [Панель администратора -> Управление дизайном -> Таблицы стилей (CSS) ]