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

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,491
Được Like
10,733
Coloured Node Categories - Thay đổi màu sắc mỗi Node Category cho XenForo 2

Demo:
cnc.png

Thêm đoạn code sau vào template extra.less của bạn:
Mã:
/* 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.

cnc_find_node_id.png

Như hình trên, thì đoạn code ví dụ sẽ là:
Mã:
.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​
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS


Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom