Tutorial [2.x] Tùy chỉnh nút ActionBar trong bài viết xenforo 2

[Cua]

Tạo nút actionbar riêng biệt dễ nhìn.
Demo
Before

After

Hướng dẫn:

1. Mở file extra.less trên quản lý admin của bạn. Thêm code phía dưới vào đầu file.

[HIDEREPLY]

.actionBar-action--reply, .js-multiQuote, .actionBar-action--like,
.actionBar-action--report, .actionBar-action--edit, .actionBar-action--delete,
.actionBar-action--ip, .actionBar-action--warn, .actionBar-action--history
    {
         display:inline-block;
         background: rgb(71, 167, 235);
         color: rgb(255, 255, 255);
         padding: 4px 9px;
         line-height: 19px;
         background: linear-gradient(rgb(71, 167, 235) 0%, rgb(71, 167, 235) 0%);
    }
.actionBar-action--reply:hover, .js-multiQuote:hover {
         background: rgb(65, 158, 224);
         color: rgb(255, 255, 255);
         text-decoration: none;
         background: linear-gradient(rgb(65, 158, 224) 0%, rgb(65, 158, 224) 0%);
    }
.actionBar-action--like:hover  {
        background: rgb(65, 158, 224);
        color: rgb(255, 255, 255);
        text-decoration: none;
        transition: all .4s ease;
        -webkit-transition: all .4s ease;
        background: linear-gradient(rgb(65, 158, 224) 0%, rgb(65, 158, 224) 0%);
        transform: scale(1.25);
    }

@media (max-width: 800px) {
.actionBar-action--like:hover {
transform: none;
}
}

[/HIDEREPLY]

Chỉnh màu cho nút button
[HIDEREPLY]

background: rgb(65, 158, 224);
color: rgb(255, 255, 255);

[/HIDEREPLY]

 

[Phạm Đức Khoa ♛]

.