XenForo 2.x.x Есть ли аналоги ?

[ForumHelpMe]

Нужен плагин который добавит возможность изменить онлайн. То есть не как стандартный онлайн, а с анимацией (на гифке показана анимация которая мне нужна).
Скачал плагин "[xFv] Animated Online Markers" но нереальные баги, и вообще коряво отображается. Мучится не стал с ним. Теперь ищу аналоги этого плагина.

 

[Skaiman]

.message-avatar-wrapper {
    .message-avatar-online {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        margin: -50% 0 0 -50%;
        border-radius: @xf-avatarBorderRadius;
        animation: online-pulse 1s infinite;
        &:before {
            content: none;
        }
    }
}
@keyframes online-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(56, 142, 60, 1);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(56, 142, 60, 0);
    }
}

на скорую руку

 

[ForumHelpMe]

Семен Семеныч, Ну уже более красивее

 

[Skaiman]

Ну уже более красивее

я на дефотном делал там нормально, а вот на ui.x не смотрел, там что нормально на других, будет не нормально :)

 

[TaLLeR43]

.message-avatar-wrapper {
    .message-avatar-online {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        margin: -50% 0 0 -50%;
        border-radius: @xf-avatarBorderRadius;
        animation: online-pulse 1s infinite;
        &:before {
            content: none;
        }
    }
}
@keyframes online-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(56, 142, 60, 1);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(56, 142, 60, 0);
    }
}

на скорую руку

В мобильной версии будет отображаться? Или только пк и планшеты

 

[Skaiman]

В мобильной версии будет отображаться? Или только пк и планшеты

по идеи да, смотрел в браузере мобильное отображение

 

[TaLLeR43]

Семен Семеныч, да у меня не хотит отображаться ?

 

[Skaiman]

да у меня не хотит отображаться

Как писал выше о стиле UI.X, то же самое касается любого установленного дополнения и любой правки, касающихся аватаров. Делал на дефолте, предугадать всего невозможно, индивидуальный подход нужен.

 

[ForumHelpMe]

по идеи да, смотрел в браузере мобильное отображение

Не перемещается. Добавляю в exta.less
Установил:

top: 24px;
left: 24px;

Теперь впихиваю весь код в extra.less и всё также!

Весь код:
Что не так ?

.message-avatar-wrapper {
    .message-avatar-wrapper .message-avatar-online {
    position: absolute;
    top: 24px;
    left: 24px;
    border: 7px solid transparent;
    border-radius: 30%;
}
    .message-avatar-online {
        position: absolute;
           top: 24px;
        left: 24px;
        display: block;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        margin: -50% 0 0 -50%;
        border-radius: @xf-avatarBorderRadius;
        animation: online-pulse 2s infinite;
        &:before {
            content: none;
        }
    }
}
@keyframes online-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(56, 142, 60, 1);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(56, 142, 60, 0);
    }
}

 

[TaLLeR43]

Семен Семеныч, все заработало ?

 

[Skaiman]

Теперь впихиваю весь код в extra.less и всё также!

не то впихиваешь.

 

[ForumHelpMe]

не то впихиваешь.

?

 

[Skaiman]

Что не так ?

все не так :) пипец как не так :)

 

[Mirovinger]

Стоп, что за бардак, это раздел по запросу дополнений, а устроили уже, тема офф.