Chèn ảnh vào 1 usergroup

sao để chèn ảnh động vào 1 rank vậy ad?
em muốn làm cái rank System Developer thành có ảnh động

Code :
.phần tử banner của bạn
background: url(https://lh3.googleusercontent.com/X...JjyTBlDOvxpGDv2REYEBl4PQN0h0IzMEZlo0G=w2400);
background-size: cover;
=> phần tử banner là sao ad ?

 

[Admin]

Ví dụ cái banner SVIP của mình, mình cho thêm ảnh động thì thêm CSS như sau vào mẫu extra.less:

.xgtUserBanner.userBanner--xgt6, .xgtUserBanner-mesaj.userBanner--xgt6 {
    color: #000000;
    background: url(https://www.upsieutoc.com/images/2020/04/08/anh-dong-dep.gif);
    background-size: 35%;
}

Nếu bạn đang dùng style mặc định của Xenforo thì có thể dùng CSS trên để biết kết quả nhé!

 

[QuangSmith]

mình muốn thay đổi banner System Developer như nào ạ :v cái phần tử khá khó hiểu @@

 

[Admin]

mình muốn thay đổi banner System Developer như nào ạ :v cái phần tử khá khó hiểu @@

Bạn dùng banner người dùng tùy chỉnh cho nhanh và dễ nhé!
Đầu tiên, bạn mở app_user_banners.less và thêm đoạn mã sau orange và trước dấu đóng }, như sau:

&.userBanner--sysdeveloper { .m-userBannerVariation(white, #008800); }

Sau đó thêm đoạn mã sau vào file extra.less

.userBanner.userBanner--sysdeveloper{
    color: #000000;
    background: url(https://www.upsieutoc.com/images/2020/04/08/anh-dong-dep.gif);
    background-size: 35%;
}

Cuối cùng, bạn thêm đoạn sau ở mục Kiểu hiển thị thành viên -> Khác, sử dụng tên lớp CSS tùy chỉnh

userBanner userBanner--sysdeveloper