Tutorial 2x Cách thêm Custom Group Badge/Banner vào User Info cho XenForo 2

PVS

Super Moderator
Thành viên BQT
Cách thêm Custom Group Badge/Banner vào User Info cho XenForo 2

Demo:

badge.png

Vào: AdminCP > Appearance > Templates > extra.less
Mở tập tin và thêm code này (gọi bất cứ điều gì bạn muốn.Trong ví dụ ở đây, mình gọi nó là ".mybadge"):
Mã:
.mybadge {
background-image: url('https://www.mywebsite.com/mybadge.png');
background-repeat: no-repeat;
background-position: center top;
padding-top:42px;
text-align: center top;
}

Tiếp theo vào "Groups and Permissions > User Groups" và chọn nhóm muốn thêm badge vào.
Dưới User banner styling, check vào "Other, using custom CSS class name" và nhập tên code bạn đã cung cấp trong tệp extra.less như hình dưới đây:

2018-04-05_20-42-15.jpg

LƯU Ý: Hãy chắc chắn loại bỏ "." (dấu chấm) phía trước tên như hình.

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


Nguồn: xenforo.com​
 
Back
Top