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

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,822
Được Like
11,117
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​
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS


Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom