Три вида переключателей страниц для uCoz

Описание:
Представляю вашему вниманию три разновидности переключателей страниц для uCoz. Для вас предоставлен выбор, вы можете найти себе переключатель по душе! Думаю описывать тут больше нечего, смотрим!

Установка!

Перейдём в Панель управления » Управление дизайном » Таблица стилей CSS

Вариант №1

Код

.swchItemA{ background: #64A281 !important; font-size: 15px !important; font-family: 'PT Sans', sans-serif !important; padding: 10px 15px !important; border-radius: 5px !important; border: 1px solid #64A281; text-decoration: none; } .swchItem{ background: white !important; font-size: 15px !important; font-family: 'PT Sans', sans-serif !important; padding: 10px 15px !important; border-radius: 5px !important; border: 1px solid #e6e6e6; text-decoration: none; } .swchItem:hover{ text-decoration: none; border: 1px solid #64A281 !important; }

Вариант №2

Код

.swchItemA{ background: #64A281 !important; font-size: 15px !important; font-family: 'PT Sans', sans-serif !important; padding: 10px 15px !important; border: 1px solid #64A281; text-decoration: none; margin: 2px -2px !important; } .swchItem{ background: white !important; font-size: 15px !important; font-family: 'PT Sans', sans-serif !important; padding: 10px 15px !important; border: 1px solid #e6e6e6; text-decoration: none; margin: 2px -2px !important; } .swchItem:hover{ text-decoration: none; border: 1px solid #64A281 !important; }

Вариант №3

Код

.swchItemA{ background: #64A281 !important; font-size: 15px !important; font-family: 'PT Sans', sans-serif !important; padding: 10px 15px !important; border: 1px solid #64A281; text-decoration: none; border-radius: 100%; } .swchItem{ background: white !important; font-size: 15px !important; font-family: 'PT Sans', sans-serif !important; padding: 10px 15px !important; border: 1px solid #e6e6e6; text-decoration: none; border-radius: 100%; } .swchItem:hover{ text-decoration: none; border: 1px solid #64A281 !important; }

Оттенок цвета можете выставить свой, вам только нужно найти background: # и прописать свою гамму цвета.

#переключатель, #страниц, #ucoz

Комментарии

0 комментариев

Материал «Три вида переключателей страниц для uCoz» ещё никто не комментировал.

Для добавления комментариев необходима авторизация.