Tutorial 2x Add icons on your prefixes - Thêm biểu tượng vào tiền tố của XenForo 2

[PVS]

Add icons on your prefixes - Thêm biểu tượng vào tiền tố của XenForo 2

Bài viết này sẽ hướng dẫn các bạn cách thêm biểu tượng vào tiền tố của XenForo 2. Cách làm như sau:
Vào AdminCP: forums/Discussion Prefixes/chọn 1 prefix bất kỳ, nếu chưa có thì bấm Add a prefix để tạo.

Sau đó check vào ô: Other, custom use of CSS class name

Và điền vào: "pre-XXX pre"

Nhớ thay XXX ở mỗi prefix khác nhau.

Như minh họa ở hình ảnh dưới:

​

Cuối cùng đi vào template extra.less

Thêm:

.pre-TRAD::before {
content: url(https://vf99.fr/styles/ML.gif);
}
.pre-TRAD {
background: #FF008D;
}

Chỉnh sửa URL thành URL bạn muốn
Và thay thế đoạn TRAD
Kết quả:

​

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

Nguồn: xenforo.com​