User Ranks with Images - Thay User Ranks bằng hình ảnh

PVS

Super Moderator
Thành viên BQT
Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy click để tìm bản mới hơn
User Ranks with Images - Thay User Ranks bằng hình ảnh

Trong hướng dẫn này, tôi sẽ cho các bạn thấy làm thế nào để thiết lập hình ảnh tùy chỉnh cho cấp bậc người dùng mà XenForo cung cấp.

Như thế này:

1.png

Trước hết vào Users > User Groups > Chọn nhóm mà bạn muốn thiết lập một hình ảnh tùy chỉnh.

Sau đó vào User Banner Text đặt bất kỳ văn bản mà bạn muốn.

User Banner Styling:

2.png

Ở đây admin là tên của lớp mà tôi đã thực hiện.

Sau đó, hãy vào: Appearance > Styles > Your Skin - Templates > EXTRA.css và thêm vào đoạn:
Mã:
.admin {
background: url("Linkảnh") no-repeat;
height: 38px;
width: 105px;
text-indent: -10000em;
display: block;
}

text-indent: -10000em; - Điều này sẽ loại bỏ các văn bản trên hình ảnh của bạn.
display: block; - Điều này sẽ hiển thị complet hình ảnh của bạn.

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


Nguồn: xenforo.com​
 
  • Like
Reactions: THB
Back
Top