Переключатель страниц сайта 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;} | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 3 | |
|
| |
