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

Переключатели страниц 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 Августа 2012 Загрузок: 21 Просмотров: 3072 Комментариев: (10)

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

СКАЧАТЬ

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

Kosten

Похожие материалы

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

Комментарии: 10
Порядок вывода комментариев: Qiwizaliv100 16 Января 2016 18:14¹ 0 Я бы ничего не изменял в этом скрипте кроме того какой цвет будет на любом сайте Kvint 16 Января 2016 19:21² 0 Здесь не нужно не чего менять, а просто выбрать те кнопки, которые вам нужны. tsakonter 16 Января 2016 19:37³ 0 Что то такой дизайн не сильно устраивает. Можно сейчас всякие найти на выбор как и раньше. Сафрон 16 Января 2016 19:59⁴ 0 Нормальные кнопки, кому то большие нравятся как здесь на сайте, кому то такие дизайнерские. Maryges 16 Января 2016 20:26⁵ 0 Кнопки очень красиво смотрятся, здесь просто не показано, а больше затерто. csretven 16 Января 2016 20:48⁶ 0 Нужно просто нармальное изобрадение найти и поменять, как заметил, здесь много затертых изображений. FeStemBer 16 Января 2016 21:06⁷ 0 Так найдите и поставьте в комментариях, только говорить и умеем, сейчас найду в поиске.. FeStemBer 16 Января 2016 21:09⁸ 0 Вот по сути как они реально должны быть. Canon 16 Января 2016 21:21⁹ 0 Вот это другое совершенно и визуально теперь отлично видно.
1 2 »