Offline / Online индикатор в Xenforo, как в Instagram

03.04.2025, 21:39

MEMER_FAUD

Участник форума

Регистрация: 01.10.2024

Сообщений: 244

С нами: 852837

Репутация: 28

Настройка внешнего вида -> Изменение шаблонов ->

/admin.php?template-modifications/add

Шаблон: message_macros

Идентификатор изменения: любой

Метод поиска: Простая замена

Найти:

HTML:

Код:

Заменить:

HTML:

Код:

В extra.less следующий код:

CSS:

Код:

.xgt-avatar{

    display: block;

    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);

    border-radius: 50%;

    padding: 4px;

    box-shadow: 0px 0px 10px 3px rgba(178, 34, 34, 0.38);

}

.xgt-avatar-border{

    display: block;

    border: 4px solid #fff;

    border-radius: 50%;

}

@media (max-width: @xf-publicNavCollapseWidth)

{

.xgt-avatar{

    padding: 2px;

    }

.xgt-avatar-border{

      border-width: 2px;

    }

}

.xgt-avatar2{

    display: block;

    background: linear-gradient(to right, green, yellow);

    border-radius: 50%;

    padding: 4px;

    box-shadow: 0px 0px 10px 3px rgba(4, 90, 15, 0.38);

}

.xgt-avatar-border2{

    display: block;

    border: 4px solid #fff;

    border-radius: 50%;

}

@media (max-width: @xf-publicNavCollapseWidth)

{

.xgt-avatar2{

    padding: 2px;

    }

.xgt-avatar-border2{

      border-width: 2px;

    }

}

В итоге получаем как на картинке:

𝕏 Twitter Reddit Telegram Копировать ссылку

Внести депозит

Депозит создан

Вывести депозит