» »

Переключатель страниц сайта zornet.ru


Переключатель страниц сайта zornet.ru

Не знаю что их прятать или не заливать, толку нет. Так как они появились в интернете. Думаю лучше прописать стиль на них от первоисточника. Выполнены они в синем оттенке цвета. Дизайнера поправил чтоб не как обычно при нажатие кнопка светлела или на какой то страницы вы находитесь и вам показывает цвет на какой. Я попросил обратное на оборот чтоб она была темней просто надоел стандарт, хотелось немного оригинальности.
Установка:
Копируем стиль и прописываем в самый низ в CSS:
Код
.switch_dotted {background:url(http://zornet.ru/CSS-ZORNET/ZR/switch_dot.png) no-repeat; width:18px; height:8px; display:inline-block; margin:9px 0 0; font-size:0px; text-indent:-9999px;}  

  .pagesBlockuz2,  
  #pagesBlock1 {display:block; overflow:hidden; font-weight:100; font-size:11px; color:#fff; text-align:center; margin:10px 0 0;}  

  .pagesBlockuz2 a,  
  .pagesBlockuz2 b,  
  .pagesBlockuz2 .swchItemDots,  
  #pagesBlock1 a,  
  #pagesBlock1 b,  
  #pagesBlock1 .swchItemDots {background:url(http://zornet.ru/CSS-ZORNET/ZR/switch_bg.png) repeat-x; height:23px; display:inline-block; color:#fff; text-shadow:0 1px 0 #233947; vertical-align:top; -khtml-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}  

  .pagesBlockuz2 a span,  
  .pagesBlockuz2 b span,  
  .pagesBlockuz2 .swchItemDots span,  
  #pagesBlock1 a span,  
  #pagesBlock1 b span,  
  #pagesBlock1 .swchItemDots span {height:23px; line-height:23px; display:inline-block; vertical-align:top; cursor:pointer; padding:0 10px; font-weight:100;}  

  .pagesBlockuz2 b span,  
  #pagesBlock1 b span {cursor:default;}  

  .pagesBlockuz2 a:hover,  
  .pagesBlockuz2 b,  
  #pagesBlock1 a:hover,  
  #pagesBlock1 b {background-position:0 -23px; font-weight:100;}
12.08.2013 Просмотров: 724 Комментарий: (3)

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

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

Комментарий: 3
admin9957
admin9957 13.08.2013 22:531
0
Неплохо:)
waak
waak 13.04.2016 00:082
0
да вот только в коде есть ошибки
Kosten
Kosten 13.04.2016 00:303
0
waak, приветствую, но если есть, так просвети, если не сложно, залей без ошибок, если не трудно.
avatar