Icone dei nodi con immagine personalizzata

Volete che ogni nodo abbia la sua icona, che ne indica se è stato letto tutto o no?

< nodo da leggere>

< nodo non letto>

Per aggiungere un icona a un nodo, è necessario aggiungere un codice CSS/LESSal nostro extra.less che possiamo trovare in:

AdminCP->Aspetto->Stili->Modelli-> cercare extra.less in ordine alfabetico o tramite il menu cerca.

Aggiungere:

/*** Node icons with image **/
.node.node--idXXXXX {
    .node-icon i { display: none; }

    &.node--forum {
        .node-body {
            /*padding-left: 5px;*/
        }
        .node-icon {
            background-image: url('/images/your_image.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
        &.node--read .node-icon {
            opacity: 0.4;
        }
    }
}
/*****/

In questo codice dovrete modificare XXXXX con l'ID del forum

Sostituisci /images/your_image.png con l'icona presente sul tuo server.

Inoltre, se il tuo nodo è una categoria o un link, devi cambiare .node--forum in .node--category, .node--page o .node--link.

Ovviamente potete scegliere il posizionamento dell'icona levando i /* */ dal commento del padding-left.

Cambiare icona tutta uguale a tutti i nodi

Per farlo la procedura è la stessa, quello che cambia è il codice CSS/LESS da inserire in extra.less:

/*** Node icons with image **/
.node {
    .node-icon i { display: none; }

    &.node--forum, &.node--category {
        .node-body {
            /*padding-left: 5px;*/
        }
        .node-icon {
            background-image: url('/images/your_image.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
        &.node--read .node-icon {
            opacity: 0.4;
        }
    }
}
/*****/

Fonte