Tutorial 2x Add Font Awesome icons to your prefix - Thêm biểu tượng Font Awesome vào tiền tố cho XenForo 2

PVS

Super Moderator
Thành viên BQT
Add Font Awesome icons to your prefix - Thêm biểu tượng Font Awesome vào tiền tố cho XenForo 2

Đơn giản chi cần thêm đoạn code sau vào template EXTRA.less của bạn:
Mã:
/*adding fa icon to prefix*/
.fa:before{
    font-family:FontAwesome;
    margin-right:3px
}

Sau đó trong prefix chọn check other CSS class. Thêm đoạn code này:
Mã:
label label--royalBlue fa fa-graduation-cap

Giải thích: label label--royalBlue là màu sắc, fa-graduation-cap là biểu tượng FA.

Screenshot_5.png

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


Nguồn: xenforo.com​
 
Back
Top