06.04.2016

Переключатели страниц форума

Нажмите на изображение для просмотра в полном размере
Переключатели страниц форума
Описание:
В данном материале будет рассмотрен вид переключателей страниц на форуме uCoz. на выбор будет предложено 3 цветовых варианта переключателей.
Установка:
В таблицу стилей (CSS) вставляем код предложенного варианта, предварительно удалив похожие стили.

1. Вариант:


Код
.switch,.pagesInfo {padding:3px 9px;font-weight:normal;font-size:11px;background:#7A7A7A;color:#fff; border-radius: 5px;}
.switchActive {padding:3px 9px;font-weight:normal;background:#00868B;color:#fff; border-radius: 5px;}
a.switchDigit,a.switchBack,a.switchNext {text-decoration:none; color:#fff;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline}


2. Вариант:


Код
.switch,.pagesInfo {padding:3px 9px;font-weight:normal;font-size:11px;background:#2580BF;color:#fff; border-radius: 5px;}
.switchActive {padding:3px 9px;font-weight:normal;background:#f27935;color:#fff; border-radius: 5px;}
a.switchDigit,a.switchBack,a.switchNext {text-decoration:none; color:#fff;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline}


3. Вариант:


Код
.switch,.pagesInfo {padding:3px 9px;font-weight:normal;font-size:11px;background:#2580BF;color:#fff; border-radius: 3px;}
.switchActive {padding:3px 9px;font-weight:normal;background: #165879;color:#fff;border-radius: 3px;}
a.switchDigit,a.switchBack,a.switchNext {text-decoration:none; color:#fff;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline}
Дополнительные скриншоты (нажмите для увеличения)
Понравилось:
Категория: Скрипты для ucoz сайтов Просмотров: 1011 Комментариев: 0
К материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!