» »

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


Переключатели страниц для 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: # и прописать ссвою гамму цвета.
01.11.2015 Просмотров: 469 Комментарий: (12)

Поделиться в социальных сетях

Материал разместил

Комментарий: 12
FeStemBer
FeStemBer 01.11.2015 22:381
0
Отлично смотрятся, потому давно их с этого сайта выдернул.
Kosten
Kosten 01.11.2015 22:422
0
Tventum, смотрю мух не ловишь, а сразу в курил, что нужно отжать, но увы не мое, и как то до фени.
Kosten
Kosten 01.11.2015 22:583
0
Также можно стрелки убрать и к примеру написать, вперед или назад. Все это делается в админ панели Настройки - Замена стандартных записей и находим там стрелки и меняем на надписи и сохранить.
ZruBkul
ZruBkul 02.11.2015 04:014
0
Нормально, у меня почти такие, но можно сделать как здесь на сайте. Только стоять как под третьим номером и нет пустоты внутри, но при наведение или на странице которой находишься, кнопка сильно отличается от других.
Kosten
Kosten 02.11.2015 04:035
0
Да это все с одного стиля сделано, также могу переделать, но нравиться больше под первым вариантом, они как раз под масть идут.
Dixes
Dixes 02.11.2015 12:436
0
3 прикольный cool
Kosten
Kosten 02.11.2015 14:477
0
Dixes, какой основной, который чаще можно увидеть.
AnTron
AnTron 02.11.2015 22:458
0
Не плохо созданы переключатель страниц, можно под всем сделать, а также много вариантов создать по стилям.
Canon
Canon 02.11.2015 22:499
0
AnTron, не то слово, сейчас под новые шаблоны они подходят как не как. Но рагьше не замечал, чтоб большие устанавливали.
Brung
Brung 02.11.2015 22:5510
0
Раньше как и сейчас, только один сделает и пошло, кто то закруглил и поменял цвет. Но есть одно, что было, они были дизайнерские и только можно перекрасить а вот форму сменить трудно было. И думаю это не надолго, что то опять кто то замутит и пойдет по сайтам и у каждого будет стоять что он создал и просить ссылку, мир сходит сума.
Canon
Canon 02.11.2015 22:5711
0
Brung, но сейчас стоит только написать и приложить исходный материал, который только у вас, но это по шаблону, а вот как со стилями. Там видать смотрят когда по дате появился первым и тот прав.
Kosten
Kosten 02.11.2015 23:0212
0
Незнаю как раньше, но год назад или больше, когда был создан второй шаблон, пошел рип на его. Один раз только отправил макет и потом видел где стоит, просто отписывал, но дайте реально хоть пол года, потом рипайте, через год или немного больше скину в интернет, как и сделал с первым и вторым шаблоном и сразу не кому оригинал стал не нужен. Да и сайтов на тематику рип нет, но в моем случай не видел, раньше что в поиск не вобьешь , то ресурс специализируется на рип. Может научились делать красивые сайты стандартных, там можно такой замутить, что дизайнер и верстальщик не нужен и все будет шикарно.
avatar