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

PVS

Generalissimo
Thành viên BQT
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

Hỗ trợ trực tuyến

Support Quảng cáo
Mr. San (PVS)

Skype chat, instant message

Mr. Tuấn (Blue)

Skype chat, instant message

Mr. Tuấn
0988 488 096
Mr. Trọng
0906 081 284
kinhdoanh@vnxf.vn

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