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