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

[VNXF] Theme Digital – Sự lựa chọn hoàn hảo cho diễn đàn công nghệ hiện đại

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