XenForo Simple Custom Node Icons on XenForo [Tutorial|

[Marks-Man]

Step 1 :

• You can skip it if you know node numbers. (Inspect element on Icon)

اگر شماره زیردسته یا گره را می دانید از این بخش صرف نظر کنید

Step 2 :

• Make Sure you upload icons to server size (32x32) & Add to Extra.less >> Save

تصاویر را در اندازه 32*32 ذخیره و تهییه کنید ، سپس کدهای فوق را در الگوی فوق بزارید Extra.less

.node--id5 .node-icon i {
    display: none;
}
.node--id5 .node-icon {
    background: url('styles/default/xenforo/xenforo-favicon.png');
    width:auto;
    background-repeat: no-repeat;
    background-position: center;
}

Step 3 :

• If You want multiple nodes you can add as many as you want for example

کد زیر نمایش تعداد زیاد گره را به ارمغان می آورد

.node--id2 .node-icon i {
    display: none;
}
.node--id2 .node-icon {
    background: url('styles/default/xenforo/xenforo-favicon.png');
    width:auto;
    background-repeat: no-repeat;
    background-position: center;
}
.node--id3 .node-icon i {
    display: none;
}
.node--id3 .node-icon {
    background: url('styles/default/xenforo/xenforo-favicon.png');
    width:auto;
    background-repeat: no-repeat;
    background-position: center;
}

Step 4 :

• Notes: You can aslo customize nodes depending on read and unread sections for example

نکته : توجه داشته باشید حتی می توانید گره ها را به بخش های خوانده و نخوانده شده تقسیم کنید

.node--id2.node--depth2.node--forum.node--read  .node-icon {
background: url('styles/default/xenforo/xenforo-favicon.png');
width:auto;
background-repeat: no-repeat;
background-position: center;
}
.node--id2.node--depth2.node--forum.node--unread  .node-icon {
background: url('styles/default/xenforo/xenforo-different.png');
width:auto;
background-repeat: no-repeat;
background-position: center;
}