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

vudinhkhang2

Corporal
Tham gia
25/01/2019
Bài viết
102
Được Like
22
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

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,734
Được Like
12,680
Mình nghĩ bạn nên gán css cố định width và height cho icon node.
 

vudinhkhang2

Corporal
Tham gia
25/01/2019
Bài viết
102
Được Like
22
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

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,734
Được Like
12,680
Bạn thử chỉnh sửa ở class ".node-icon" xem sao.
 

vudinhkhang2

Corporal
Tham gia
25/01/2019
Bài viết
102
Được Like
22
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

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

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,734
Được Like
12,680
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

MasterCorporal
Tham gia
22/04/2015
Bài viết
309
Được Like
198

vudinhkhang2

Corporal
Tham gia
25/01/2019
Bài viết
102
Được Like
22
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

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom