1. Не видишь хайд? скачивай через альтернативную ссылку. Жми на кнопку Download

  2.  Для того, что бы скачивать материал на сайте без ограничений, вы можете приобрести группу Premium. Подробнее здесь (кликабельно) Либо нажать на кнопку "Download"

Для полноценного доступа к сайту, 

и получения всех  преимуществ,

рекомендуем  Зарегистрироваться 

Пульсирующий баннер группы.

Тема в разделе "Настройки XenForo", создана пользователем admin, 4 янв 2018.

Рекламный баннер Рекламный баннер Рекламный баннер
  1. adminAdministrator

    admin

    Команда форума

    Статус:
    Не в сети
    Country:
    Russian Federation
    Регистрация:
    01.01.2018
    Сообщения:
    462
    Симпатии:
    0
    Ниже приведен пример для трех групп. Вы можете создать сколько угодно.
    Код устанавливается в EXTRA.css вашего стиля.
    Код:
    /* Пульсирующий баннер - Модер*/
    @-webkit-keyframes ModerPulse {
    from { background-color: #00b300; -webkit-box-shadow: 0 0 2px #000000; }
              50% { background-color: #00b300; -webkit-box-shadow: 0 0 8px 2px #00b300; }
              to { background-color: #00b300; -webkit-box-shadow: 0 0 2px #000000; }
            } /* ModerPulse - уникальное название */
    @-moz-keyframes ModerPulse {
    from { background-color: #00b300; -moz-box-shadow: 0 0 2px #000000; }
              50% { background-color: #00b300; -moz-box-shadow: 0 0 8px 2px #00b300; }
              to { background-color: #00b300; -moz-box-shadow: 0 0 2px #000000; }
            }
    @-o-keyframes ModerPulse {
    from { background-color: #00b300; -o-box-shadow: 0 0 2px #000000; }
              50% { background-color: #00b300; -o-box-shadow: 0 0 8px 2px #00b300; }
              to { background-color: #00b300; -o-box-shadow: 0 0 2px #000000; }
            }
    @keyframes ModerPulse {
    from { background-color: #00b300; box-shadow: 0 0 2px #000000; }
              50% { background-color: #00b300; box-shadow: 0 0 8px 2px #00b300; }
              to { background-color: #00b300; box-shadow: 0 0 2px #000000; }
            }
    .userBanner.bannerModer {
        color: #000000;
        font-size: 12px;
        text-align: center;
        margin: auto;
        border: none !important;
        background: transparent !important;
    }
    .userBanner.bannerModer {
        -webkit-animation-name: ModerPulse;
        -webkit-animation-duration: 1s;
    После чего в выбранной группе, ставите галочку напротив "Другой, использующий своё имя CSS-класса:", где вы добавляете css-класс в таком виде: userBanner bannerModer - для модератора, userBanner banAdmin - для админа и т.д.
    [code-help.ru]1.jpg
    ModerPulse, BanPulse, AdminPulse - уникальные названия эффекта.
    .banAdmin, .banModer, .bannerModer - уникальные названия css-класса.
    [code-help.ru]2banner.gif [code-help.ru]3banner.gif [code-help.ru]banner_puls!.gif [code-help.ru]banner_puls2.gif
     

Поделиться этой страницей