« Красивый переключатель страниц для uCoz »

Описание материала:

Красивый, темный переключатель страниц для сайтов системы uCoz. Дынный переключатель прост в установке и не требует особых усилий. Переключатель подойдет как для светлого, так и для темного дизайна. При наведение на одну из страниц она загорается белый цветом.

Установка:

  • Скачиваем архив и заливаем папку img к себе в корень сайта.
  • Заходим в ПУ >>> Управление дизайном >>> Таблица стилей (CSS) и ставим в самый низ данный код:
    Код
    /* Красивый переключатель страниц для uCoz */  
    .pagesBlockuz2,  
    #pagesBlock1 {display:block; overflow:hidden; color:#fff; margin:10px 0; padding:5px 0 0 0; height:24px; text-align:center; background:#181818; border-radius:2px;}  
    .pagesBlockuz2 a,  
    .pagesBlockuz2 b,  
    .pagesBlockuz2 .swchItemDots,  
    #pagesBlock1 a,  
    #pagesBlock1 b,  
    #pagesBlock1 .swchItemDots {height:4px; display:inline-block; color:#fff; vertical-align:top; background:url(/img/bg.png) no-repeat 0 0; margin:3px 2px;}  
    .pagesBlockuz2 a span,  
    .pagesBlockuz2 b span,  
    .pagesBlockuz2 .swchItemDots span,  
    #pagesBlock1 a span,#pagesBlock1 b span,  
    #pagesBlock1 .swchItemDots span {height:4px; line-height:24px; display:inline-block; vertical-align:top; background:url(/img/bg.png) no-repeat right -4px; cursor:pointer; padding:0 12px;}  
    .pagesBlockuz2 b span,  
    #pagesBlock1 b span {cursor:default;}  
    .pagesBlockuz2 b,  
    .pagesBlockuz2 a:hover,  
    #pagesBlock1 b,  
    #pagesBlock1 a:hover {text-decoration:none; background-position:0 -8px;}  
    .pagesBlockuz2 b span,  
    .pagesBlockuz2 a:hover span,  
    #pagesBlock1 b span,  
    #pagesBlock1 a:hover span {background-position:right -12px;}  
    .pagesBlockuz2 .swchItemDots,  
    .pagesBlockuz2 .swchItemDots span,  
    #pagesBlock1 .swchItemDots,  
    #pagesBlock1 .swchItemDots span {color:#fff; background:0;}
    /* ------------------------- */


    Если у Вас уже есть код CSS с названием pagesBlock1 и pagesBlock2, замените их кодом выше.


    Скачать ( Размер архива 1.1 Kb )

    По данной ссылке, Вы можете скачать или купить архив данного материала

    Установка материала

    Мы поможем установить данный материал к Вам на сайт


    Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 1104 | Загрузок: 30


    Поделиться в соц. сетях:

    К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

    Комментариев: 0
    avatar