Benjamin Willson
Проверенные
- Сообщения
- 235
- Решения
- 2
- Реакции
- 24
- Баллы
- 1,720
Доброго времени суток, подскажите, как в блоке информации о пользователе в сообщениях добавить фон
Смотрите видео ниже, чтобы узнать, как установить наш сайт в качестве веб-приложения на домашнем экране.
Примечание: В настоящее время эта функция требует доступа к сайту с помощью встроенного браузера Safari.
.customPostbitColor(@user; @color)
{
.message[data-author="@{user}"] .message-cell.message-cell--user
{
background: @color;
}
}
// Example
.customPostbitColor(Benjamin Willson; lightgreen);
extra.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
а если в место цвета картинку то как? тип задний фон
background-image: url("../../media/examples/lizard.png");
а если в место цвета картинку то как? тип задний фон
пример:
![]()
.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);
Мы используем основные cookies для обеспечения работы этого сайта, а также дополнительные cookies для обеспечения максимального удобства пользователя.
Посмотрите дополнительную информацию и настройте свои предпочтения
