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

[PVS]

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

Demo:

Trước khi thêm code

Sau khi thêm code
​

Chỉ cần thêm đoạn code sau và template extra.less:

.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]

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á