Tutorial 2x Coloured Node Categories - Thay đổi màu sắc mỗi Node Category cho XenForo 2

[PVS]

Coloured Node Categories - Thay đổi màu sắc mỗi Node Category cho XenForo 2

Demo:

​

Thêm đoạn code sau vào template extra.less của bạn:

/* Coloured Node Categories */
.block.block--category.block--categoryX .block-header {
    background: #009ACF;
    color: #ffffff;
}
/**********/

Để ý categoryX, thay đổi X bằng ID của node.

Cách xác định ID của node:
Chỉ cần rê chuột vào Node Category Title của bạn như trong ví dụ bên dưới và check ID.

​

Như hình trên, thì đoạn code ví dụ sẽ là:

.block.block--category.block--category21 .block-header {
    background: #7CA430;
    color: #ffffff;
}

Đối với mỗi ID node, bạn cần sao chép/dán đoạn code ở trên, sau đó chỉ cần chỉnh sửa cho phù hợp với nhu cầu của bạn.

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

Nguồn: xenforo.com​