ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Переключатели страниц ZreGta для uCoz

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

Переключатели страниц ZreGta для uCoz
Сейчас редко найдешь сайт где переключатель страниц для uCoz не переделан. И здесь также все сделано в стилях, вам просто нужно поменять их в CSS сайта. Здесь показано как на одном ресурсе они стоят, но поставил их на другой и пришлось немного их подгонять. так что знайте, возможно по умолчанию может и не быть и немного нужно подкрутить. Но и главное, это перенести а точнее заменить PAGE_SELECTOR1 на PAGE_SELECTOR, что по сторонам стрелки были. Можно вместо их написать вперед или назад, но это в админ панели делается, кому интересно, то напишу.

CSS:

Код
.pagesBlockuz1 a,.pagesBlockuz1 b,.pagesBlockuz2 a, .pagesBlockuz2 b, .pagesBlockuz b,.pagesBlockuz a, #pagesBlock1 a, #pagesBlock1 b, #pagesBlock2 b, #pagesBlock2 a {
font-size: 16px;color: #2B2B2B;line-height: 20px;text-decoration:none;font-weight:normal;background: transparent;padding: 10px 15px;border: 1px solid #131212;border-radius: 40px;-moz-border-radius: 40px;-webkit-border-radius: 41px;}
.pagesBlockuz1 a:hover,.pagesBlockuz1 b, .pagesBlockuz2 a:hover, .pagesBlockuz2 b, .pagesBlockuz b,.pagesBlockuz a:hover, #pagesBlock1 a:hover,#pagesBlock1 b, #pagesBlock2 b, #pagesBlock2 a:hover {
color: #F4F4F4;background: #343434;border: 1px solid #343434;}
.pagesBlockuz2 {
  line-height: 5em;
}
24 Мая 2016 Просмотров: 1913 Комментариев: (11)
Поделиться в социальных сетях

Материал разместил
Kosten
Похожие материалы

Оставь свой отзыв

Комментарии: 10
FeStemBer
FeStemBer 24 Мая 2016 19:171
0
Под блог не плохо бы эти переключатели смотрелись, но не вижу их на сайте, но слишком уж большие.
noavatar
1488 24 Мая 2016 19:182
0
эффекта не хватает цветного, а так норм:)
Сопрано
Сопрано 24 Мая 2016 19:193
0
А зачем он нужен, это же простые переключатели, еще и эффект на н7их желать.
noavatar
1488 24 Мая 2016 19:264
0
считаю что цветной будет намного лучше смотреться, чем стандарт.
Сопрано
Сопрано 24 Мая 2016 19:305
0
Так все переключатели, если на чистом стиле, то можно переделать, просто поставить другой цвет, или сделать как нужно под дизайн сайта.
feliksteg
feliksteg 27 Мая 2016 18:478
0
Извините, а для чего на переключателей должен быть эффект и вообще как он должен вашем случай выглядит.
Kosten
Kosten 27 Мая 2016 21:409
0
Есть думаю такие, но не разу не встречал, да и весят простые переключатели будут, а это зачем.
Kosten
Kosten 24 Мая 2016 19:546
0
Сейчас можно взять любой переключатель страниц, и сделать его или круглым или просто с мелкого на большой.
Сафрон
Сафрон 25 Мая 2016 16:377
0
Так оригинально сделано, но не под каждый сайт, но в моем случай, из простых переключателей сделан, и не чем не отличаются по форме и габаритам.
Kosten
Kosten 29 Мая 2016 09:5710
0
Можно сделать и больше их, тут смотря какой стиль шаблона стоит. Так как где то большие кнопки отлично подходят под основной дизайн, а где и маленькие очень стильно все смотрится.



Код
.pagesBlockuz1 a,.pagesBlockuz1 b,.pagesBlockuz2 a, .pagesBlockuz2 b, .pagesBlockuz b,.pagesBlockuz a, #pagesBlock1 a, #pagesBlock1 b, #pagesBlock2 b, #pagesBlock2 a {
font-size: 16px;color: #2B2B2B;line-height: 20px;text-decoration:none;font-weight:normal;background: transparent;padding: 10px 15px;border: 1px solid #131212;border-radius: 40px;-moz-border-radius: 40px;-webkit-border-radius: 41px;}
.pagesBlockuz1 a:hover,.pagesBlockuz1 b, .pagesBlockuz2 a:hover, .pagesBlockuz2 b, .pagesBlockuz b,.pagesBlockuz a:hover, #pagesBlock1 a:hover,#pagesBlock1 b, #pagesBlock2 b, #pagesBlock2 a:hover {
color: #F4F4F4;background: #4682B4;border: 1px solid #4682B4;}
Войдите:
avatar