Белый и чёрный переключатели стр - Переключатели страниц - Скрипты uCoz - Система uCoz

Белый и чёрный переключатели стр

Добавил: group
Дата: 25.02.2014
Комментариев: 0
Просмотров: 284

Скриншот материала «Белый и чёрный переключатели стр»

Описание:
Скрипт белый и чёрный переключатель страниц не использует картинок, написан на CSS .

Установка:
Для тёмного фона:
Вставляем код переключателя страниц в Панель управления ->Управление дизайном ->Таблица стилей CSS
В самый низ CSS :

Код

/* 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 :

Код

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

Скачать архив ()

Загрузок: 0 (Стандартный)

В категории: Переключатели страниц
Источник: StudiaRipUcoz

Внимание! Материал «Белый и чёрный переключатели стр» из категории «Переключатели страниц» является уникальным, поэтому, при копировании просим указывать гиперссылку на источник.

Оригинальный шаблон форума InDawo для uCoz

Авторизация через социальные сети для Ucoz