Help Hỏi cách làm Node Icon như thế này ạ

vudinhkhang2

Thượng Đế
Tham gia
25/01/2019
Bài viết
102
Được Like
21
Em muốn làm cái Node Icon như thế này ạ
upload_2019-6-2_10-30-47.png

Em đã thử làm theo bài này: https://vnxf.vn/different-node-icons-per-node-thay-doi-bieu-tuong-moi-node-cho-xenforo-2.t18255.html
Nhưng mà của em nó lại ra thế này bác nào chỉ em với biết rằng em đang dùng Dohtheme Nubia
upload_2019-6-2_10-22-39.png
 

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,629
Được Like
10,886
Mình nghĩ bạn nên gán css cố định width và height cho icon node.
 

vudinhkhang2

Thượng Đế
Tham gia
25/01/2019
Bài viết
102
Được Like
21
Mình nghĩ bạn nên gán css cố định width và height cho icon node.
width và height là ở phần nào bác
em không thêm mỗi ảnh cái chuông đó đâu còn nhiều ảnh như cái hình demo ý
 

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,629
Được Like
10,886
Bạn thử chỉnh sửa ở class ".node-icon" xem sao.
 

vudinhkhang2

Thượng Đế
Tham gia
25/01/2019
Bài viết
102
Được Like
21
Bạn thử chỉnh sửa ở class ".node-icon" xem sao.
bạn em cũng chỉ là ở class node icon nhưng mà em không biết nó ở đâu bác cho em xin link từ dấu / trở đi được không ạ
 

vudinhkhang2

Thượng Đế
Tham gia
25/01/2019
Bài viết
102
Được Like
21
demo: diendanviet.pro/nodeicon thì bacs đưa em /nodeicon
 

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,629
Được Like
10,886
Cái này bản chỉ cần thêm code vào extra.less là được.

Mã:
.node-icon {
    width: 50px;
}

.node-icon i {
    background: transparent;
    font-size: 30px;
    color: inherit;
}

.node--unread .node-icon i {
    background: transparent;
}

.node-icon i:before {
    padding: 0;
}
 

f0rest

Thượng Đế
Tham gia
22/04/2015
Bài viết
302
Được Like
192

vudinhkhang2

Thượng Đế
Tham gia
25/01/2019
Bài viết
102
Được Like
21
Cái này bản chỉ cần thêm code vào extra.less là được.

Mã:
.node-icon {
    width: 50px;
}

.node-icon i {
    background: transparent;
    font-size: 30px;
    color: inherit;
}

.node--unread .node-icon i {
    background: transparent;
}

.node-icon i:before {
    padding: 0;
}
yêu anh lắm <3
 

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