Форма входа

    Бесплатный раздел

    Вы здесь: Главная страница » Файлы » Переключатели / Навигация
    Уважаемые друзья и пользователи сайта ART-UCOZ!

    Уведомляем вас о том, что мы приняли трудное, но обдуманное решение о закрытии проекта в качестве Интернет-магазина ART-UCOZ. С 05.11.2022 года сайт ART-UCOZ.RU продолжит работать в качестве каталога файлов, статей и информации. Будет закрыт только раздел интернет-магазина!

    Все товары были перенесены в наш новый проект SHOPTHEMES - Vendor Marketplace (https://shopthemes.ru), над которым мы долго работали и продолжаем улучшать его в настоящее время.
    Вас ждут: личный кабинет, возможность пополнения баланса на любую сумму, зачисление бонусов за посещение, перевод средств между пользователями, вывод средств (для продавцов), личный чат, больше новых цифровых товаров и многое другое.

    Уважаемые пользователи!
    Доводим до вашего сведения, что мы не занимаемся обучениями по системе uCoz и настройками Ваших сайтов.
    Подобные просьбы и вопросы - будут игнорироваться!

    Виды переключателей страниц для uCoz

    Дата добавления: 11.09.2013 - 14:04
    Добавил: Buger
    Количество просмотров: 2.3k
    Количество комментариев: 0
    Рейтинг материала: 5.0 / 1
    Виды переключателей страниц для uCoz
    БЕСПЛАТНО
    рейтинг 5.0
    /
    голосов 1
    ШАГ 1:
    Установим в таблицу стилей CSS.Ниже выбираем на ваш вкус.

    _______________________________________________________

    Оранжевый:

    Код
    .swchItemA{
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;  
      padding:10px;
      background:#e6c230;
      border-bottom: 3px solid #ccaa23;
      color:#fff;
    }
    .swchItem{
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;  
      padding:10px;
      background: #363d43;
      border-bottom: 3px solid #171c1f;
      color:#fff;  
      margin-left:10px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    }
    .swchItem:hover{
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;  
      padding:10px;
      background:#e6c230;
      border-bottom: 3px solid #ccaa23;
      color:#fff;
    }


    Фиолетовый:

    Код
    .swchItemA{
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;  
      padding:10px;
      background:#9623cc;
      border-bottom: 3px solid #7e18ae;
      color:#fff;
    }
    .swchItem{
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;  
      padding:10px;
      background: #363d43;
      border-bottom: 3px solid #171c1f;
      color:#fff;  
      margin-left:10px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    }
    .swchItem:hover{
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;  
      padding:10px;
      background:#9623cc;
      border-bottom: 3px solid #7e18ae;
      color:#fff;
    }


    Зеленый:

    Код
    .swchItemA{
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;  
      padding:10px;
      background:#24c44a;
      border-bottom: 3px solid #1ab03d;
      color:#fff;
    }
    .swchItem{
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;  
      padding:10px;
      background: #363d43;
      border-bottom: 3px solid #171c1f;
      color:#fff;  
      margin-left:10px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    }
    .swchItem:hover{
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;  
      padding:10px;
      background:#24c44a;
      border-bottom: 3px solid #1ab03d;
      color:#fff;
    }


    Красный:

    Код
    .swchItemA{
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;  
      padding:10px;
      background:#bf2323;
      border-bottom: 3px solid #a81616;
      color:#fff;
    }
    .swchItem{
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;  
      padding:10px;
      background: #363d43;
      border-bottom: 3px solid #171c1f;
      color:#fff;  
      margin-left:10px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    }
    .swchItem:hover{
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;  
      padding:10px;
      background:#bf2323;
      border-bottom: 3px solid #a81616;
      color:#fff;
    }


    Синий:

    Код
    .swchItemA{
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;  
      padding:10px;
      background:#1c71b3;
      border-bottom: 3px solid #12609c;
      color:#fff;
    }
    .swchItem{
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;  
      padding:10px;
      background: #363d43;
      border-bottom: 3px solid #171c1f;
      color:#fff;  
      margin-left:10px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    }
    .swchItem:hover{
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;  
      padding:10px;
      background:#1c71b3;
      border-bottom: 3px solid #12609c;
      color:#fff;
    }
    Добавлять комментарии могут только зарегистрированные пользователи.


    Поделись с друзьями: