Tutorial 2x User Message Background - Thêm hình nền cho tin nhắn người dùng XenForo 2

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
12,597
Được Like
8,138
User Message Background - Thêm hình nền cho tin nhắn người dùng XenForo 2

Thêm đoạn code sau vào extra.less:
Mã:
.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);

User Message Background.png

Chúc các bạn thành công.


Nguồn: xenforo.com​
 

quangbeo

Thượng Đế
Tham gia
06/06/2020
Bài viết
14
Được Like
4
1593304770351.png

Add code vào extra.less rồi sao ko có nhỉ ad
 

Top Bottom