Tutorial 2x Custom Action Bar - Tùy chỉnh thanh Action cho XenForo 2

PVS

Generalissimo
Thành viên BQT
Tham gia
28/02/2015
Bài viết
15,979
Được Like
12,457
Custom Action Bar - Tùy chỉnh thanh Action cho XenForo 2

Demo:

before.jpg

Trước khi thêm code

after.jpg

Sau khi thêm code
Chỉ cần thêm đoạn code sau và template extra.less:
Mã:
.actionBar-action--edit:before, .actionBar-action--report:before, .actionBar-action--ip:before, .actionBar-action--delete:before, .actionBar-action--spam:before, .actionBar-action--warn:before, .actionBar-action--history:before
{
display: inline-block;
font-family: FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 5px;
}
.actionBar-action--edit:before
{
content: "\f040";
}
.actionBar-action--report:before
{
content: "\f071";
}
.actionBar-action--ip:before
{
content: "\f002";
}
.actionBar-action--delete:before
{
content: "\f00d";
}
.actionBar-action--spam:before
{
content: "\f024";
}
.actionBar-action--warn:before
{
content: "\f12a";
}
.actionBar-action--history:before
{
content: "\f1da";
}

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


Nguồn: xenforo.com​
 

tuna

Sergeant
Tham gia
30/01/2017
Bài viết
639
Được Like
276
Có cách nào nhóm tất cả các lệnh này vào một cái mũi tên ko các bác, cho gọn chứ thế này rườm rà quá
 

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

XenForo 1 XenForo 2
Translate by PVS

Hỗ trợ trực tuyến

Support Quảng cáo
Mr. San (PVS)

Skype chat, instant message

Mr. Tuấn (Blue)

Skype chat, instant message

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: kinhdoanh@vnxf.vn

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom