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

Нажмите на изображение для просмотра в полном размере

Описание:
В данном материале будет рассмотрен вид переключателей страниц на форуме 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}