Меню сайта
Для Веб-Мастера Скрипты для сайта Онлайн игры Видео онлайн Картинки Заказать рекламу О нашем сайте Правила нашего сайта Обратная связь Карта сайта XML
Реклама
Наш опрос
Папка это?
Всего ответов: 1162
Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0

Гости Пользователи
Дополнительно
Главная » Скрипты для сайта » Переключатели страниц

Переключатель страниц для Ucoz - белый и чёрный

Хочешь сказать спасибо? Кликни на рекламный баннер.

09.03.2012, 16:36


ПЕРЕКЛЮЧАТЕЛЬ РАБОЧИЙ.
Для тёмного фона:
Вставляем код переключателя страниц в Панель управления ->Управление дизайном ->Таблица стилей CSS
В самый низ CSS :
Code
/* PageSelector */  
.catPages1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}  
.catPages1 a:link,  
.catPages1 a:visited,  
.catPages1 a:hover,  
.catPages1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}  
.catPages1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}  
.catPages1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}  

.pagesBlockuz1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}  
.pagesBlockuz1 a:link,  
.pagesBlockuz1 a:visited,  
.pagesBlockuz1 a:hover,  
.pagesBlockuz1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}  
.pagesBlockuz1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}  
.pagesBlockuz1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}  

.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:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}  
/* ---------------- */  

/* PageSelector1 */  
.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:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}  
.catPages2 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}  
.catPages2 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}  

.pagesBlockuz2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}  
.pagesBlockuz2 a:link,  
.pagesBlockuz2 a:visited,  
.pagesBlockuz2 a:hover,  
.pagesBlockuz2 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}  
.pagesBlockuz2 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}  
.pagesBlockuz2 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}  

.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:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}  
/* ---------------- */


Для светлого фона:
Вставляем код переключателя страниц в Панель управления ->Управление дизайном ->Таблица стилей CSS
В самый низ CSS :
Code
/* PageSelector */  
.catPages1 {color:#cccccc;border:0px;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:0px 10px;font-size:11px;font-weight:bold;}  
.catPages1 a:hover {background:#cccccc;color:#FFFFFF;font-weight:bold;}  
.catPages1 b {text-decoration:none;background:#FFF;padding:0px 10px;color:#ccc;font-size:11px;}  

.pagesBlockuz1 {color:#EFEEEB;border:0px;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:0px 10px;font-size:11px;font-weight:bold;}  
.pagesBlockuz1 a:hover {background:#cccccc;color:#FFFFFF;font-weight:bold;}  
.pagesBlockuz1 b {text-decoration:none;background:#FFF;padding:0px 10px;color:#ccc;font-size:11px;}  

.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:#F9F9F9;padding:0px 10px;font-size:11px;font-weight:bold;}  
.pagesBlock1 a:hover {background:#cccccc;color:#FFFFFF;font-weight:bold;}  
.pagesBlock1 b {text-decoration:none;background:#FFF;padding:0px 10px;color:#ccc;font-size:11px;}  
/* ---------------- */  

/* PageSelector1 */  
.catPages2 {color:#cccccc;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:0px 10px;font-size:11px;font-weight:bold;}  
.catPages2 a:hover {background:#cccccc;color:#FFFFFF;font-weight:bold;}  
.catPages2 b {text-decoration:none;background:#FFF;padding:0px 10px;color:#ccc;font-size:11px;}  

.pagesBlockuz2 {color:#EFEEEB;border:0px;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:0px 10px;font-size:11px;font-weight:bold;}  
.pagesBlockuz2 a:hover {background:#cccccc;color:#FFFFFF;font-weight:bold;}  
.pagesBlockuz2 b {text-decoration:none;background:#FFF;padding:0px 10px;color:#ccc;font-size:11px;}  

.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:#F9F9F9;padding:0px 10px;font-size:11px;font-weight:bold;}  
.pagesBlock2 a:hover {background:#cccccc;color:#FFFFFF;font-weight:bold;}  
.pagesBlock2 b {text-decoration:none;background:#FFF;padding:0px 10px;color:#ccc;font-size:11px;}  
/* ---------------- */


P.S.: Для того чтобы заменить стрелочки (« ») на слова зайдите в Админку - Замена стандартных надписей -> РАЗНОЕ , найдите (« ») и изменяйте на любое слово.





Если у Вас возникли вопросы по установке или работе скрипта, то задайте их в комментариях и мы постараемся вам помочь.

Источник материала: Неизвестен/Не указан
При коприровании материала просьба ставить ссылку на оригинальную статью.

Ссылка:
BB-код:
HTML-код:
Добавил: -angel- | Просмотров: 2110 | Загрузок: 0 | Рейтинг: 2.8/5
Теги: Переключатель страниц для Ucoz, переключатель страниц, на CSS, белый и чёрный переключатель страни
Всего комментариев: 0
ВНИМАНИЕ !!!
Добавлять комментарии могут только зарегестрированные пользователи!
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
А знаете ли Вы, что ...

Кошки издают более 100 звуков. Собаки только около 10.


Реклама
Популярные материалы
Наша кнопка
Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте:

Скрипты для сайта

Друзья сайта