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

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,639
Được Like
12,671
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:

1530192206894.png

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

Thêm:
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ả:

Animation 0.gif

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


Nguồn: xenforo.com​
 

Top Bottom