Chèn ảnh vào 1 usergroup
  • Bầu cử Quốc hội Mỹ giữa nhiệm kỳ

    Cập nhật: 10:15 17/11/2022

    Hạ viện
    210 Dân chủ
    218 Cộng hòa
    7 chưa xác định
    218
    Thượng viện
    50 Dân chủ
    49 Cộng hòa
    1 chưa xác định
    50

Chèn ảnh vào 1 usergroup

  • Chủ đề tạo bởi QuangSmith
  • Ngày gửi
QuangSmith
QuangSmith
Trả lời: 3 Lượt xem: 765 Biểu cảm: 0
1586306607857

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
1586306664842

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 ?
 
3 Bình luận
Admin

Admin 

Super Administrator
BQT cấp cao
LSVIP
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

QuangSmith

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

Admin 

Super Administrator
BQT cấp cao
LSVIP
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
 

Ủng hộ forum VNT

Forum VNT rất mong nhận được tấm lòng hảo tâm của bạn

Textlink

Thống kê trực tuyến

Thành viên trực tuyến
0
Khách ghé thăm
13
Robot trực tuyến
20
Tổng số truy cập
33
Back
Top