Node Secondary Images - Hình ảnh phụ cho Node

[PVS]

Node Secondary Images - Hình ảnh phụ cho Node

Mô tả: Bài viết này sẽ hướng dẫn các bạn cách thêm một hình ảnh phụ trước Node.

​

Cài đặt: Copy và dán css dưới đây vào template EXTRA.CSS của bạn.

.node .nodeText {padding-left: 30px;}

.nodeList .node_2 .nodeText{ background: url("@imagePath/xenforo/icons/node2.png") no-repeat scroll left transparent;}
.nodeList .node_21 .nodeText{ background: url("@imagePath/xenforo/icons/node21.png") no-repeat scroll left transparent;}
.nodeList .node_17 .nodeText{ background: url("@imagePath/xenforo/icons/node17.png") no-repeat scroll left transparent;}
.nodeList .node_18 .nodeText{ background: url("@imagePath/xenforo/icons/node18.png") no-repeat scroll left transparent;}
.nodeList .node_19 .nodeText{ background: url("@imagePath/xenforo/icons/node19.png") no-repeat scroll left transparent;}
.nodeList .node_23 .nodeText{ background: url("@imagePath/xenforo/icons/node23.png") no-repeat scroll left transparent;}
.nodeList .node_20 .nodeText{ background: url("@imagePath/xenforo/icons/node20.png") no-repeat scroll left transparent;}

Bạn cần phải thay đổi ID node là ID node diễn đàn của bạn. Bạn cũng sẽ phải điều chỉnh kích thước padding-left theo yêu cầu của bạn tùy thuộc vào kích thước hình ảnh mà bạn sử dụng, và bạn cũng sẽ cần phải tải lên các hình ảnh riêng của bạn vào thư mục @imagePath/xenforo/icons.

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

Nguồn: xenforo.com​