Пульсирующее свечение вокруг аватара

Пульсирующее свечение вокруг аватара

Пульсирующее свечение вокруг аватара
Совместимость с XenForo
1.3, 1.4, 1.5
Пульсирующее свечение вокруг аватара.

Внимание: работает только с браузером FireFox


В шаблон EXTRA.CSS добавляем:

Код:
     .messageUserBlock div.avatarHolder .onlineMarker
    {
        display: inline-block;
        width: 0px;
        height: 0px;
    /*    margin: 9px 0 0 9px; <- if you'd like it on top left */
        margin: 79px 0 0 79px;
        background: #fff;
        border: none!important;
        border-radius: 50%!important
    }
    
    .messageUserBlock div.avatarHolder .onlineMarker:after
    {
        content: '';
        position: absolute;
        width: 100px;
        height: 100px;
        margin: -80px 0 0 -80px;
        border: 3px solid #7fb900;
        border-radius: 50%;
        box-shadow: 0 0 4px #7fb900, inset 0 0 4px #7fb900;
        -webkit-transform: scale(0);
        -webkit-animation: online 1.5s ease-in-out infinite;
        animation: online 1.5s ease-in-out infinite
    }

    @-webkit-keyframes online
    {

        100% {opacity: 0;-webkit-transform: scale(1)}
    }

    @keyframes online
    {

        100% {opacity: 0;transform: scale(1)}
    }

    .avatar img,
    .avatar .img,
    .avatarCropper {
    border-radius: 50px !important;
    }
Автор
Next
Первый выпуск
Обновление
Оценка
0.00 звёзд 0 оценок

Другие ресурсы пользователя Next

  • Abyss 2
    Abyss 2
    Тёмный стиль для XenForo 2 от ThemeHouse
  • UI.X 2 Dark
    UI.X 2 Dark
    Тёмный стиль для XenForo 2 от ThemeHouse
  • Drift Dark 2
    Drift Dark 2
    Тёмный стиль для XenForo 2 от ThemeHouse
  • SEO (SEO2)
    SEO (SEO2)
    SEO плагин для XenForo 2
  • s9e Media BBCodes pack
    s9e Media BBCodes pack
    Набор BB-кодов для вставки медиа