Фон сообщения определенному пользователя

siprise

Местный
Сообщения
198
Реакции
115
Баллы
163
Хай всем, нашел я на просторах паутины код который позволяет установить фон в сообщениях определенному пользователю, но он чет не фурычит, пробовал и ид аккаунта писать и ник, да че ток не пробовал, ничего, мб кто направит на верный путь? Сам код собственной персоной
Код:
.message-background (@mbUserName; @mbBackgroundUrl; @mbBackground-size; @mbBackground-position: false) {
 
  .message[data-author="@{mbUserName}"] .message-inner {
    background-image: linear-gradient(to top, @xf-contentBg, fade(@xf-contentBg, 60%)), @mbBackgroundUrl;
  background-position: @mbBackground-position;
  background-size: @mbBackground-size;
}
.message[data-author="@{mbUserName}"] .message-cell.message-cell--user {
   background: transparent;
}
}
// Example
.message-background (Pepelniy; url(https://i.imgur.com/W1yqxKS.jpg); cover; left);
 
Решение
А можно кодом?

@hacker, А можно ли это только сюда сделать?
Посмотреть вложение 33219
Код:
.message-background (@mbUserName; @mbBackgroundUrl; @mbBackground-size; @mbBackground-position: false) {
 
  .message[data-author="@{mbUserName}"] .message-cell.message-cell--user {
    background-image: linear-gradient(to top, @xf-contentBg, fade(@xf-contentBg, 60%)), @mbBackgroundUrl;
  background-position: @mbBackground-position;
  background-size: @mbBackground-size;
}

}
// Example
.message-background (NickName; url(https://i.imgur.com/W1yqxKS.jpg); cover; left);

1711652201840.png
Думаю так будет понятно, надо на свой ник изменить
1711651574012.png
 
Хай всем, нашел я на просторах паутины код который позволяет установить фон в сообщениях определенному пользователю, но он чет не фурычит, пробовал и ид аккаунта писать и ник, да че ток не пробовал, ничего, мб кто направит на верный путь? Сам код собственной персоной
Код:
.message-background (@mbUserName; @mbBackgroundUrl; @mbBackground-size; @mbBackground-position: false) {
 
  .message[data-author="@{mbUserName}"] .message-inner {
    background-image: linear-gradient(to top, @xf-contentBg, fade(@xf-contentBg, 60%)), @mbBackgroundUrl;
  background-position: @mbBackground-position;
  background-size: @mbBackground-size;
}
.message[data-author="@{mbUserName}"] .message-cell.message-cell--user {
   background: transparent;
}
}
// Example
.message-background (Pepelniy; url(https://i.imgur.com/W1yqxKS.jpg); cover; left);
Less:
$0
/****************************** Фон сообщения определённому пользователю */
.message-background (@mbUserName; @mbBackgroundUrl; @mbBackground-size; @mbBackground-position: false) {

  .message[data-author="@{mbUserName}"] .message-inner {
    background-image: linear-gradient(to top, @xf-contentBg, fade(@xf-contentBg, 60%)), @mbBackgroundUrl;
  background-position: @mbBackground-position;
  background-size: @mbBackground-size;
}
.message[data-author="@{mbUserName}"] .message-cell.message-cell--user {
   background: transparent;
}
}

.message-background (xenforo2; url(/img/f.gif); cover; left);
/********************************************************************************************************/

Сравните. У меня на убунте нет такой возможности.

.message-background (xenforo2
Обратите внимание на эту часть
 
А можно кодом?

@hacker, А можно ли это только сюда сделать?
Посмотреть вложение 33219
Код:
.message-background (@mbUserName; @mbBackgroundUrl; @mbBackground-size; @mbBackground-position: false) {
 
  .message[data-author="@{mbUserName}"] .message-cell.message-cell--user {
    background-image: linear-gradient(to top, @xf-contentBg, fade(@xf-contentBg, 60%)), @mbBackgroundUrl;
  background-position: @mbBackground-position;
  background-size: @mbBackground-size;
}

}
// Example
.message-background (NickName; url(https://i.imgur.com/W1yqxKS.jpg); cover; left);

1711652201840.png
 
Решение
А можно кодом?

@hacker, А можно ли это только сюда сделать?
Посмотреть вложение 33219
Less:
$0

/****************************** Фон сообщения определённому пользователю */

.message-background (@mbUserName; @mbBackgroundUrl; @mbBackground-size; @mbBackground-position: false) {



  .message[data-author="@{mbUserName}"] .message-inner {

    background-image: linear-gradient(to top, @xf-contentBg, fade(@xf-contentBg, 60%)), @mbBackgroundUrl;

  background-position: @mbBackground-position;

  background-size: @mbBackground-size;

}

.message[data-author="@{mbUserName}"] .message-cell.message-cell--user {

   background: transparent;
}
}
.message-background (Siprise; url(https://i.imgur.com/W1yqxKS.jpg); cover; left);

/********************************************************************************************************/

Часть изображение которая указана в низу https://i.imgur.com/W1yqxKS.jpg замените на своё изображение или залейте на свой сервер в корень форума/сайта и укажите путь вместо этой ссылки.

Это готовый код для Вас!!!
 
а я вот хочу сменить фон быстрого ответа
1711684095784.png
когда на эту область наводишь мышь не видно индикатора пока не щелкнешь, но не могу найти где этот фон, даже по F12
 
а я вот хочу сменить фон быстрого ответа
Посмотреть вложение 33227
когда на эту область наводишь мышь не видно индикатора пока не щелкнешь, но не могу найти где этот фон, даже по F12
style-properties/group&group=input
style-properties/group&group=rte
style-properties/group&group=color

а я вот хочу сменить фон быстрого ответа
Посмотреть вложение 33227
когда на эту область наводишь мышь не видно индикатора пока не щелкнешь, но не могу найти где этот фон, даже по F12
И вообще желательно, один вопрос, одна тема
 
Сотрите я просто предложу свой вариант, а их может быть конечно много.
CSS:
html[data-template="forum_view"] .p-body-content .structItem-cell--newThread .fr-view.fr-element-scroll-visible {
    z-index: 1;
    background-image: url(007.png); /*тут путь смотря куда изображение положите*/
    background-position: left;
    background-size: 100% 100%;
}
Результат такой:
2024-03-29_19-43-06.png
Соответственно если нужно просто в сообщение тоже самое сделать не в быстром ответе тогда так:
CSS:
html[data-template="thread_view"] .p-body-content .message-editorWrapper .fr-view.fr-element-scroll-visible {
    z-index: 1;
    background-image: url(007.png);
    background-position: left;
    background-size: 100% 100%;
}
Результат:
2024-03-29_19-48-37.png
Вам только нужно выбрать интересное изображение для вашего форума.
 

Вложения

  • 007.zip
    288 КБ · Просмотры: 1
Последнее редактирование:
Назад
Верх Низ