1. Приветствую гостей и пользователей нашего форума! Первый раз вы у нас или же давно участвуете в жизни ресурса, хочу напомнить несколько моментов.

    1) Пользуемся поиском по форуму! Зачастую информация может находиться не по разделу!

    2) Раздел ИНФО-продуктов относительно новый, но имеем уже более 3000 высококлассных материалов (пользуемся сортировкой по прификсам).

    3) И самое важное, КАК КАЧАТЬ БЕЗ ОГРАНИЧЕНИЙ, вся информация находится по этой ссылке КУПИТЬ VIP

    4) Временная акция, получи +5 постов за вступление в нашу группу "Вконтакте" Более подробно ТУТ

    5) Веди активную жизнь на форуме и получай рубли на личный счёт!

    Скрыть объявление
  2. На нашем форуме Null-Prog действует серьёзное правило касательно размещения материалов!

    ДЛЯ РЕЛИЗЁРОВ: категорически запрещается выкладка материалов на файлообменники типа Deposit, letitbit и другие, требующие просмотров рекламы, обрезающие скорость и тд. Нарушителям, первые 2 раза предупреждения, далее БАН. Тему по этому поводу можно посмотреть ТУТ

    Скрыть объявление
  3. В тестовом режиме на нашем форуме открыт онлайн конструктор сайтов. Вы можете попробовать создать свой сайт у НАС, интуитивно понятный интерфейс, переведёт на 95%, быстрый экспорт проекта, от вас только перетаскивать элементы и вставить в них необходимый текст!

    Все вопросы ТУТ

    Скрыть объявление

  4. Скрыть объявление
  5. Уважаемые форумчане, открывается новый раздел форума, посвящённый ремонту и эксплуатации автомобилей. Просмотреть его можно ТУТ

    Так как раздел новый, информация будет пополнять каждый день. Если есть какие либо замечания по этому разделу, отписываемся в соответствующий раздел форума, либо в личку.

    Напоминаю, сообщения в разделе АВТО не учитываются, общение не ограничено.

    Скрыть объявление
  6. Объявляется набор Модераторов на различные раздел форума, свои заявки можно оставлять в ЭТОМ разделе, перед оставлением заявки рекомендуется ознакомиться с ПРАВИЛАМИ для модераторов.

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

Тема в разделе "Платные модули\аддоны для XenForo [ бесплатно ]", создана пользователем monstoor, 9 янв 2018.

  1. monstoor

    monstoor Пользователь

    Регистрация:
    23 ноя 2017
    Сообщения:
    30
    Симпатии:
    28
    Пример пульсирующего баннера для трех групп.

    [​IMG][​IMG]

    Код устанавливается в EXTRA.css вашего стиля.
    После чего в выбранной вами группе, ставите галочку напротив "Другой, использующий своё имя CSS-класса:", где вы добавляете css-класс в таком виде:

    Скрытый текст:
    **Скрытый текст: Вы должны нажать кнопку 'Мне нравится' для возможности просмотра скрытого текста.**
    PHP:
    /* Пульсирующий баннер - Модер*/
    @-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-size12px;
        
    text-aligncenter;
        
    marginauto;
        
    bordernone !important;
        
    backgroundtransparent !important;
    }
    .
    userBanner.bannerModer {
        -
    webkit-animation-nameModerPulse;
        -
    webkit-animation-duration1s;
        -
    webkit-animation-iteration-countinfinite;
        -
    moz-animation-nameModerPulse;
        -
    moz-animation-duration1s;
        -
    moz-animation-iteration-countinfinite;
        -
    o-animation-nameModerPulse;
        -
    o-animation-duration1s;
        -
    o-animation-iteration-countinfinite;
        
    animation-nameModerPulse;
        
    animation-duration1s;
        
    animation-iteration-countinfinite;
        
    backgroundnone repeat scroll 00#c7ff2e !important;
    }
    .
    userBanner:hover .bannerModer {
          
    background#8fc400 !important;
    }
    /* Конец пульсирующего баннера - Модер*/

    /* Пульсирующий баннер - главная по банам*/
    @-webkit-keyframes BanPulse {
    from background-color#bf3eff; -webkit-box-shadow: 0 0 2px #000000; }
              
    50% { background-color#bf3eff; -webkit-box-shadow: 0 0 8px 2px #bf3eff; }
              
    to background-color#bf3eff; -webkit-box-shadow: 0 0 2px #000000; }
            
    }
    @-
    moz-keyframes BanPulse {
    from background-color#bf3eff; -moz-box-shadow: 0 0 2px #000000; }
              
    50% { background-color#bf3eff; -moz-box-shadow: 0 0 8px 2px #bf3eff; }
              
    to background-color#bf3eff; -moz-box-shadow: 0 0 2px #000000; }
            
    }
    @-
    o-keyframes BanPulse {
    from background-color#bf3eff; -o-box-shadow: 0 0 2px #000000; }
              
    50% { background-color#bf3eff; -o-box-shadow: 0 0 8px 2px #bf3eff; }
              
    to background-color#bf3eff; -o-box-shadow: 0 0 2px #000000; }
            
    }
    @
    keyframes BanPulse {
    from background-color#bf3eff; box-shadow: 0 0 2px #000000; }
              
    50% { background-color#bf3eff; box-shadow: 0 0 8px 2px #bf3eff; }
              
    to background-color#bf3eff; box-shadow: 0 0 2px #000000; }
            
    }
    .
    userBanner.banModer {
        
    color#ffffff;
        
    font-size12px;
        
    text-aligncenter;
        
    marginauto;
        
    bordernone !important;
        
    backgroundtransparent !important;
    }
    .
    userBanner.banModer {
        -
    webkit-animation-nameBanPulse;
        -
    webkit-animation-duration1s;
        -
    webkit-animation-iteration-countinfinite;
        -
    moz-animation-nameBanPulse;
        -
    moz-animation-duration1s;
        -
    moz-animation-iteration-countinfinite;
        -
    o-animation-nameBanPulse;
        -
    o-animation-duration1s;
        -
    o-animation-iteration-countinfinite;
        
    animation-nameBanPulse;
        
    animation-duration1s;
        
    animation-iteration-countinfinite;
        
    backgroundnone repeat scroll 00#c7ff2e !important;
    }
    .
    userBanner:hover .banModer {
          
    background#8fc400 !important;
    }
    /* Конец пульсирующего баннера - главная по банам*/

    /* Пульсирующий баннер - Админ*/
    @-webkit-keyframes AdminPulse {
    from background-color#ff0000; -webkit-box-shadow: 0 0 2px #000000; }
              
    50% { background-color#ff0000; -webkit-box-shadow: 0 0 8px 2px #ff0000; }
              
    to background-color#ff0000; -webkit-box-shadow: 0 0 2px #000000; }
            
    }
    @-
    moz-keyframes AdminPulse {
    from background-color#ff0000; -moz-box-shadow: 0 0 2px #000000; }
              
    50% { background-color#ff0000; -moz-box-shadow: 0 0 8px 2px #ff0000; }
              
    to background-color#ff0000; -moz-box-shadow: 0 0 2px #000000; }
            
    }
    @-
    o-keyframes AdminPulse {
    from background-color#ff0000; -o-box-shadow: 0 0 2px #000000; }
              
    50% { background-color#ff0000; -o-box-shadow: 0 0 8px 2px #ff0000; }
              
    to background-color#ff0000; -o-box-shadow: 0 0 2px #000000; }
            
    }
    @
    keyframes AdminPulse {
    from background-color#ff0000; box-shadow: 0 0 2px #000000; }
              
    50% { background-color#ff0000; box-shadow: 0 0 8px 2px #ff0000; }
              
    to background-color#ff0000; box-shadow: 0 0 2px #000000; }
            
    }
    .
    userBanner.banAdmin {
        
    color#ffffff;
        
    font-size12px;
        
    text-aligncenter;
        
    marginauto;
        
    bordernone !important;
        
    backgroundtransparent !important;
    }
    .
    userBanner.banAdmin {
        -
    webkit-animation-nameAdminPulse;
        -
    webkit-animation-duration1s;
        -
    webkit-animation-iteration-countinfinite;
        -
    moz-animation-nameAdminPulse;
        -
    moz-animation-duration1s;
        -
    moz-animation-iteration-countinfinite;
        -
    o-animation-nameAdminPulse;
        -
    o-animation-duration1s;
        -
    o-animation-iteration-countinfinite;
        
    animation-nameAdminPulse;
        
    animation-duration1s;
        
    animation-iteration-countinfinite;
        
    backgroundnone repeat scroll 00#c7ff2e !important;
    }
    .
    userBanner:hover .banAdmin {
          
    background#8fc400 !important;
    }
    /* Конец пульсирующего баннера - Админ*/  
    ModerPulse, BanPulse, AdminPulse - уникальные названия эффекта.
    .banAdmin, .banModer, .bannerModer - уникальные названия css-класса.
     
    Метки:
    monreal200, Rakurai и tensey нравится это.

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

iHax Community
Рейтинг@Mail.ru Яндекс.Метрика мониторинг сайтов
Форум программного обеспечения/
Загрузка...