Làm đẹp Action Bar cho Xenforo 2

Ngày hôm nay mình sẽ chia sẻ với các bạn một thủ thuật nhỏ với action bar của xenforo 2. Giúp làm sinh động hơn cho forum xenforo của bạn.

Lưu ý đây là forum sử dụng mã nguồn xenforo 2 nhé, đừng nhầm lẫn với xenforo 1. Nếu bạn không biết action bar ở đâu thì nhìn hình dưới các bạn sẽ hiểu.

Làm đẹp action bar xenforo 2
Làm đẹp action bar xenforo 2

Cách làm như sau.

Bạn login vào admin forum xenforo, sau đó tìm Appearance ->Templates và search extra.less, sau đó dán đoạn css bên dưới vào nội dung file extra.less. Bấm save lại là được.

.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
{
.m-faBase();   
.m-faContent("\f040");
}
.actionBar-action--report:before
{
.m-faBase();   
.m-faContent("\f071");
}
.actionBar-action--ip:before
{
.m-faBase();   
.m-faContent("\f002");
}
.actionBar-action--delete:before
{
.m-faBase();   
.m-faContent("\f00d");
}
.actionBar-action--spam:before
{
.m-faBase();   
.m-faContent("\f024");
}
.actionBar-action--warn:before
{
.m-faBase();   
.m-faContent("\f12a");
}
.actionBar-action--history:before
{
.m-faBase();   
.m-faContent("\f1da");
}

Kết quả như hình ở trên đó, Vậy là xong, chúc các bạn thành công

Leave a Reply

avatar
  Subscribe  
Notify of