Переключатели страниц для uCoz в 3 стиля
Добавлено 18.11.2015 в 19:19
Переключатели страниц для uCoz в 3 стиля
Всегда хорошо когда есть варианты и что можно выбрать и вот Переключатели страниц для uCoz в 3 стиля где все созданы по разному, а по сути код у них одинаковый, просто изменен на каждом. Если приглядеться на этом сайте стоит один из вариантов. Их можно как сделать круглыми и большими по ширине и высоте, так и совершенно по другому виденью.
Для того чтоб они работали и выводились, нужно через $PAGE_SELECTOR$ или $PAGE_SELECTOR1$ это как поняли, вверх и низ, можете просто одни в низу оставить.

Установка

Все прописываем в 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: # и прописать свою гамму цвета.
К материалу оставили 0 комментариев