
Переключатель страниц для Ucoz - Серо-синий
Скриншот материала «Переключатель страниц для Ucoz - Серо-синий»
Описание: Скрипт серо синий переключатель страниц с использованием картинок, написан на CSS .
Установка: ПЕРЕКЛЮЧАТЕЛЬ РАБОЧИЙ !!! Вставляем код переключателя страниц в Панель управления ->Управление дизайном ->Таблица стилей CSS
В самый низ CSS :
Код
/* PageSelector Start */
.catPages1 {color:#fff;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(/images/hu2.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {BACKGROUND-IMAGE:URL(/images/hu1.png);color:#FFF;font-weight:bold;}
.catPages1 b {text-decoration:none;BACKGROUND-IMAGE:URL(/images/hu3.png);border:1PX SOLID #999999;padding:2px 10px;color:#000000;font-size:11px;}
.pagesBlockuz1 {color:#000;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(/images/hu2.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
.pagesBlockuz1 a:hover {BACKGROUND-IMAGE:URL(/images/hu1.png);color:#000;font-weight:bold;}
.pagesBlockuz1 b {text-decoration:none;BACKGROUND-IMAGE:URL(/images/hu3.png);border:1PX SOLID #999999;padding:2px 10px;color:#000000;font-size:11px;}
.pagesBlock1 {color:#fff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock1 a:link,
.pagesBlock1 a:visited,
.pagesBlock1 a:hover,
.pagesBlock1 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(/images/hu2.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
.pagesBlock1 a:hover {BACKGROUND-IMAGE:URL(/images/hu1.png);color:#FFF;font-weight:bold;}
.pagesBlock1 b {text-decoration:none;BACKGROUND-IMAGE:URL(/images/hu3.png);border:1PX SOLID #999999;padding:2px 10px;color:#000000;font-size:11px;}
.catPages2 {color:#fff;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(/images/hu2.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
.catPages2 a:hover {BACKGROUND-IMAGE:URL(/images/hu1.png);color:#FFF;font-weight:bold;}
.catPages2 b {text-decoration:none;BACKGROUND-IMAGE:URL(/images/hu3.png);border:1PX SOLID #999999;padding:2px 10px;color:#000000;font-size:11px;}
.pagesBlockuz2 {color:#fff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz2 a:link,
.pagesBlockuz2 a:visited,
.pagesBlockuz2 a:hover,
.pagesBlockuz2 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(/images/hu2.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
.pagesBlockuz2 a:hover {BACKGROUND-IMAGE:URL(/images/hu1.png);color:#FFF;font-weight:bold;}
.pagesBlockuz2 b {text-decoration:none;BACKGROUND-IMAGE:URL(/images/hu3.png);border:1PX SOLID #999999;padding:2px 10px;color:#000000;font-size:11px;}
.pagesBlock2 {color:#fff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock2 a:link,
.pagesBlock2 a:visited,
.pagesBlock2 a:hover,
.pagesBlock2 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(/images/hu2.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
.pagesBlock2 a:hover {BACKGROUND-IMAGE:URL(/images/hu1.png);color:#FFF;font-weight:bold;}
.pagesBlock2 b {text-decoration:none;BACKGROUND-IMAGE:URL(/images/hu3.png);border:1PX SOLID #999999;padding:2px 10px;color:#000000;font-size:11px;}
/* PageSelector end */
Скачайте архив ,распакуйте. Изображения залейте на свой сайт в папку images