05.02.2014

Современные переключатели страниц

Нажмите на изображение для просмотра в полном размере
Современные переключатели страниц
Переключатели страниц новостей и каталога файлов
Установка:
В CSS вставляем:
Код
.pagesBlockuz2,
#pagesBlock1 {display:block; overflow:hidden; color:#fff; margin:10px 0; padding:5px 0 0 0; height:24px; text-align:center; background:#181818; border-radius:2px;}
.pagesBlockuz2 a,
.pagesBlockuz2 b,
.pagesBlockuz2 .swchItemDots,
#pagesBlock1 a,
#pagesBlock1 b,
#pagesBlock1 .swchItemDots {height:4px; display:inline-block; color:#fff; vertical-align:top; background:url(http://csomsk.ru/1-ucoz/csomsk/rip/switch_bg.png) no-repeat 0 0; margin:3px 2px;}
.pagesBlockuz2 a span,
.pagesBlockuz2 b span,
.pagesBlockuz2 .swchItemDots span,
#pagesBlock1 a span,#pagesBlock1 b span,
#pagesBlock1 .swchItemDots span {height:4px; line-height:24px; display:inline-block; vertical-align:top; background:url(http://csomsk.ru/1-ucoz/csomsk/rip/switch_bg.png) no-repeat right -4px; cursor:pointer; padding:0 12px;}
.pagesBlockuz2 b span,
#pagesBlock1 b span {cursor:default;}
.pagesBlockuz2 b,
.pagesBlockuz2 a:hover,
#pagesBlock1 b,
#pagesBlock1 a:hover {text-decoration:none; background-position:0 -8px;}
.pagesBlockuz2 b span,
.pagesBlockuz2 a:hover span,
#pagesBlock1 b span,
#pagesBlock1 a:hover span {background-position:right -12px;}
.pagesBlockuz2 .swchItemDots,
.pagesBlockuz2 .swchItemDots span,
#pagesBlock1 .swchItemDots,
#pagesBlock1 .swchItemDots span {color:#fff; background:0;}

Внимание: Строчки с аналогичными тегами удаляем из своего ксс стиля
Понравилось:
Категория: Скрипты для ucoz сайтов Просмотров: 2075 Комментариев: 2
IIukYs
IIukYs 04.03.2014 в 21:35 1
ошибка в коде
Lexarus
Lexarus 05.03.2014 в 06:53 2
это не ошибка, задан такой стиль отступов