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

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:

​

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:

​

Ở đâ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:

Code:

.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: VNXF.VN​