XF 2.2 Цвет блока информации пользователя в сообщении

Версия XenForo
2.2.9

Benjamin Willson

Проверенные
Сообщения
192
Решения
2
Реакции
11
Баллы
720
Доброго времени суток, подскажите, как в блоке информации о пользователе в сообщениях добавить фон
 
Решение
Если для всех, идём в Настройки стиля - Сообщения - Блок информации о пользователе в сообщениях (Не рекомендую оставлять поле фона пустым, т.к. обводку онлайн значка от этого тянет)

Если конкретному пользователю
Less:
.customPostbitColor(@user; @color)
{
    .message[data-author="@{user}"] .message-cell.message-cell--user
    {
        background: @color;
    }
}
// Example
.customPostbitColor(Benjamin Willson; lightgreen);

По аналогии с примером, в extra.less
Если для всех, идём в Настройки стиля - Сообщения - Блок информации о пользователе в сообщениях (Не рекомендую оставлять поле фона пустым, т.к. обводку онлайн значка от этого тянет)

Если конкретному пользователю
Less:
.customPostbitColor(@user; @color)
{
    .message[data-author="@{user}"] .message-cell.message-cell--user
    {
        background: @color;
    }
}
// Example
.customPostbitColor(Benjamin Willson; lightgreen);

По аналогии с примером, в extra.less
 
Если для всех, идём в Настройки стиля - Сообщения - Блок информации о пользователе в сообщениях (Не рекомендую оставлять поле фона пустым, т.к. обводку онлайн значка от этого тянет)

Если конкретному пользователю
Less:
.customPostbitColor(@user; @color)
{
    .message[data-author="@{user}"] .message-cell.message-cell--user
    {
        background: @color;
    }
}
// Example
.customPostbitColor(Benjamin Willson; lightgreen);

По аналогии с примером, в extra.less
Спасибо
 
Если для всех, идём в Настройки стиля - Сообщения - Блок информации о пользователе в сообщениях (Не рекомендую оставлять поле фона пустым, т.к. обводку онлайн значка от этого тянет)

Если конкретному пользователю
Less:
.customPostbitColor(@user; @color)
{
    .message[data-author="@{user}"] .message-cell.message-cell--user
    {
        background: @color;
    }
}
// Example
.customPostbitColor(Benjamin Willson; lightgreen);

По аналогии с примером, в extra.less
а если в место цвета картинку то как? тип задний фон
пример:
WkEMY.png
 
Последнее редактирование:
Последнее редактирование:
а если в место цвета картинку то как? тип задний фон
пример:
WkEMY.png
Less:
.customPostbitImage(@user; @url; @size; @position: false)
{
    .message[data-author="@{user}"] .message-cell.message-cell--user
    {
        background-image: linear-gradient(to top, @xf-contentBg, fade(@xf-contentBg, 60%)), @url;
        background-position: @position;
        background-size: @size;
    }
}
// Example
.customPostbitImage(IlyaPep; url(https://i.imgur.com/W1yqxKS.jpg); cover; left);
 
Less:
.customPostbitImage(@user; @url; @size; @position: false)
{
    .message[data-author="@{user}"] .message-cell.message-cell--user
    {
        background-image: linear-gradient(to top, @xf-contentBg, fade(@xf-contentBg, 60%)), @url;
        background-position: @position;
        background-size: @size;
    }
}
// Example
.customPostbitImage(IlyaPep; url(https://i.imgur.com/W1yqxKS.jpg); cover; left);
спасибо
вопрос решен👍
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу