- Tham gia
- 28/02/2015
- Bài viết
- 16,829
- Được Like
- 12,687
Sau đây mình hướng dẫn các bạn chỉnh css, tạo icon cho mỗi chuyên mục (box, node) trong xenforo.
Mở extra.css và thêm vào dưới cùng
Bạn có thể thay đổi .node.node_2, con số này là ID chuyên mục mà bạn muốn đặt icon đại diện. Muốn thêm 1 biểu tượng thì bạn phải thêm 1 class và nhớ đổi ID cho nó.
Ví dụ bạn muốn thay cho 1 icon cho chuyên mục có ID là 5 thì thêm 1 dòng như sau
Chú ý: Bạn có thể chỉnh sửa chiều rộng và cao cho mỗi icon để phù hợp với giao diện đang dùng nhé.
Bổ xung: Hướng dẫn đổi màu cho từng node trong xenforo
Copy đoạn code sau vào Extra.css :
Thay số 3 bằng ID của category cần đổi màu.
Mở extra.css và thêm vào dưới cùng
Mã:
/** Custom Node Icons **/
.node .nodeInfo.primaryContent, .node .nodeInfo.secondaryContent {
padding: 2px 0;
}
html .node .nodeIcon {
margin: 6px;
width: 36px;
height: 36px;
}
.node.node_2 .nodeIcon {
background: transparent url("/link-dan-den-hinh-icon.png") no-repeat top left !important;
}
Bạn có thể thay đổi .node.node_2, con số này là ID chuyên mục mà bạn muốn đặt icon đại diện. Muốn thêm 1 biểu tượng thì bạn phải thêm 1 class và nhớ đổi ID cho nó.
Ví dụ bạn muốn thay cho 1 icon cho chuyên mục có ID là 5 thì thêm 1 dòng như sau
Mã:
.node.node_5 .nodeIcon {
background: transparent url("/link-dan-den-hinh-icon.png") no-repeat top left !important;
}
Chú ý: Bạn có thể chỉnh sửa chiều rộng và cao cho mỗi icon để phù hợp với giao diện đang dùng nhé.
Bổ xung: Hướng dẫn đổi màu cho từng node trong xenforo
Copy đoạn code sau vào Extra.css :
Mã:
.node.category.level_1.node_3 .nodeInfo.categoryNodeInfo.categoryStrip {
background-color: #339933;
}
Thay số 3 bằng ID của category cần đổi màu.
Nguồn: muaban47.net
Bài viết liên quan
Bài viết mới