» »

Переключатели страниц ucoz


О скрипте Переключатели страниц ucoz^
Два красивых переключателя для разных дизайн сайта, для светлого и темного, переключатели красивые, и смотрятся на сайте просто блеск.
Приступаем к установке:
Первое что надо сделать скачать Архив в нем находятся две папки для наших переключателей.
Темный вид переключателей
Этот стиль надо прописать в css
Code
/* PageSelector */
  .swchItemA, .swchItemA1 {background:url('/pageDark/swchItemA.png')repeat-x #3f4347;border:1px solid #343739;padding:4px 7px;border-radius:3px;margin:1px 0;font-weight:700;font-family:arial;color:#fff;text-shadow:1px 1px 0px #1c242a;-moz-box-shadow:1px 1px 3px #303337;-webkit-box-shadow:1px 1px 3px #303337;box-shadow:1px 1px 3px #303337;}
  .swchItem, .swchItem1 {background:url('/pageDark/swchItem.png')repeat-x #3f4347;border:1px solid #343739;padding:4px 7px;border-radius:3px;margin:1px 0;text-decoration:none;font-weight:700;font-family:arial;color:#fff;text-shadow:1px 1px 0px #1c242a;-moz-box-shadow:1px 1px 3px #303337;-webkit-box-shadow:1px 1px 3px #303337;box-shadow:1px 1px 3px #303337;}
  .swchItem:hover, .swchItem1:hover {background:#313438;border:1px solid #2c3034;border-radius:3px;color:#f2f2f2;text-shadow:1px 1px 0px #585858;-moz-box-shadow:0px 0px 3px #2c3034 inset;-webkit-box-shadow:0px 0px 3px #2c3034 inset;box-shadow:0px 0px 3px #2c3034 inset;}
  #pagesBlock1 {padding:2px;}
  /* ------------- */


Светлый вид переключателей
Также прописываем их в стилях.
Code
/* PageSelector */
  .swchItemA, .swchItemA1 {background:url('/pageGrey/swchItemA.png')repeat-x #fff;border:1px solid #afafaf;padding:4px 7px;border-radius:3px;margin:1px 0;text-shadow:1px 1px 0px #fff;-moz-box-shadow:1px 1px 3px #dedede;-webkit-box-shadow:1px 1px 3px #dedede;box-shadow:1px 1px 3px #dedede;}
  .swchItem, .swchItem1 {background:url('/pageGrey/swchItem.png')repeat-x #fff;border:1px solid #afafaf;padding:4px 7px;border-radius:3px;margin:1px 0;text-decoration:none;font-weight:700;font-family:arial;color:#717171;text-shadow:1px 1px 0px #fff;-moz-box-shadow:1px 1px 3px #dedede;-webkit-box-shadow:1px 1px 3px #dedede;box-shadow:1px 1px 3px #dedede;}
  .swchItem:hover, .swchItem1:hover {background:#686868;border:1px solid #505050;border-radius:3px;color:#f2f2f2;text-shadow:1px 1px 0px #585858;-moz-box-shadow:0px 0px 3px #505050 inset;-webkit-box-shadow:0px 0px 3px #505050 inset;box-shadow:0px 0px 3px #505050 inset;}
  #pagesBlock1 {padding:2px;}
  /* ------------- */
21.08.2012 Загрузок: 14 Просмотров: 1184 Комментарий: (10)

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

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

Комментарий: 10
Qiwizaliv100
Qiwizaliv100 16.01.2016 18:141
0
Я бы ничего не изменял в этом скрипте кроме того какой цвет будет на любом сайте
Kvint
Kvint 16.01.2016 19:212
0
Здесь не нужно не чего менять, а просто выбрать те кнопки, которые вам нужны.
tsakonter
tsakonter 16.01.2016 19:373
0
Что то такой дизайн не сильно устраивает. Можно сейчас всякие найти на выбор как и раньше.
Сафрон
Сафрон 16.01.2016 19:594
0
Нормальные кнопки, кому то большие нравятся как здесь на сайте, кому то такие дизайнерские.
Maryges
Maryges 16.01.2016 20:265
0
Кнопки очень красиво смотрятся, здесь просто не показано, а больше затерто.
csretven
csretven 16.01.2016 20:486
0
Нужно просто нармальное изобрадение найти и поменять, как заметил, здесь много затертых изображений.
FeStemBer
FeStemBer 16.01.2016 21:067
0
Так найдите и поставьте в комментариях, только говорить и умеем, сейчас найду в поиске..
FeStemBer
FeStemBer 16.01.2016 21:098
0
Вот по сути как они реально должны быть.

Canon
Canon 16.01.2016 21:219
0
Вот это другое совершенно и визуально теперь отлично видно.
Kosten
Kosten 16.01.2016 21:3410
0
Tventum, спасибо, это для тех, кто сильно на главной не может разобрать.
avatar