Font Awesome trong Message Controls

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,721
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)
Mã:
.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:
Mã:
<xen:include template="page_container_js_head" />

Thêm bên dưới:
Mã:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">

1.png

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

2.png

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


Nguồn: xenforo.com​
 

Top Bottom