Font Awesome trong Message Controls

[PVS]

Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy click để tìm bản mới hơn

Font Awesome trong Message Controls

Thay thế CSS đơn giản cho biết thêmcác biểu tượng FontAwesome bên cạnh các text controls cho messages.

Thêm vào EXTRA.css (có thể cần một số điều chỉnh)

.item.control.like:before, .item.control.reply:before, .item.control.bookmarks:before, .item.control.edit:before, .item.control.report:before, .item.control.warn:before, .item.control.ip:before,
.item.control.deleteSpam:before, .item.control.history:before, .item.control.delete:before
{
display: inline-block;
font-family: FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 5px;
}
.item.control.like:before
{
content: "\f087";
}
.item.control.reply:before
{
content: "\f122";
}
.item.control.bookmarks:before
{
content: "\f02e";
}
.item.control.edit:before
{
content: "\f040";
}
.item.control.report:before
{
content: "\f071";
}
.item.control.warn:before
{
content: "\f12a";
}
.item.control.ip:before
{
content: "\f002";
}
.item.control.deleteSpam:before
{
content: "\f024";
}
.item.control.history:before
{
content: "\f1da";
}

.item.control.delete:before
{
content: "\f00d";
}

Cài đặt:
Nếu bạn chưa cài Font Awesome. Vào template PAGE_CONTAINER tìm:

<xen:include template="page_container_js_head" />

Thêm bên dưới:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">

​

Cũng làm việc với Responsive Message Controls Menu

​

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

Nguồn: xenforo.com​