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

[vudinhkhang2]

Em muốn làm cái Node Icon như thế này ạ

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

 

[vudinhkhang2]

@PVS @THB @Blue

 

[PVS]

Mình nghĩ bạn nên gán css cố định width và height cho icon node.

 

[vudinhkhang2]

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]

Bạn thử chỉnh sửa ở class ".node-icon" xem sao.

 

[vudinhkhang2]

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]

demo: diendanviet.pro/nodeicon thì bacs đưa em /nodeicon

 

[PVS]

Cái này bản chỉ cần thêm code vào extra.less là được.

.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]

Em muốn làm cái Node Icon như thế này ạ
View attachment 32442
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 NubiaView attachment 32441

Bạn set đường dẫn ảnh "Node Background" là ok nhé

 

[vudinhkhang2]

Cái này bản chỉ cần thêm code vào extra.less là được.

.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