Chèn ảnh vào 1 usergroup

QuangSmith

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 · 08/04/2020

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:

CSS:

.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 · 08/04/2020

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

Admin · 09/04/2020

QuangSmith nói:
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:

CSS:

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

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

CSS:

.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

Mã:

userBanner userBanner--sysdeveloper

Bầu cử Quốc hội Mỹ giữa nhiệm kỳ

Chèn ảnh vào 1 usergroup

Đang thảo luận

Ủng hộ forum VNT

Textlink

Thống kê trực tuyến

Tin công nghệ

Chia sẻ trang