вРазные полезности

Переключатели страниц для uCoz в 3 стиля

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

Все прописываем в CSS

Переключатель №1

Переключатели страниц для uCoz

Код
.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

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

Код
.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

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

Код
.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: # и прописать ссвою гамму цвета.

источник: zornet.ru

Похожие посты