Non ci sono le icone ma sono visibili

[frank]

Ho trovato il css in content.css che modifica la prima parola a sinistra (Salute & Benessere), cosa ci devo mettere per fare apparire l'icona?

Codice: Seleziona tutto

li.header dl.icon dt {
	font-size: 1.1em;
	min-height: 0;
	text-shadow: 1px 1px 0px #4c4c4c;
}	

[Sir Xiradorn]

Parti da questo codice

Codice: Seleziona tutto

.header .list-inner a::before {
    background: red none repeat scroll 0 0;
    content: " ";
    display: inline-block;
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px;
}
.header .list-inner a {
    margin-left: 20px;
}

[frank]

Mostra questo quadrato rosso

[Sir Xiradorn]

Appunto ora sostituisci quello con una immagine 15x15 e hai fatto.

Codice: Seleziona tutto

.header .list-inner a::before {
        background: transparent url('http://dl2.glitter-graphics.net/pub/437/437812vctuaqa8lu.gif') no-repeat scroll center center;
        content: " ";
        display: inline-block;
        height: 15px;
        left: 0;
        position: absolute;
        top: 0;
        width: 15px;
}
.header .list-inner a {
        margin-left: 20px;
}

[frank]

Ok, adesso faccio prove, non capito come fa a metterla solo in quel punto, da cosa lo riconosce?

[Sir Xiradorn]

Il css che ho usato è la risposta. Il target è individuato proprio da quel percorso e da quella gerarchia di valori

[frank]

Si, ma mettiamo che voglio farla apparire anche qui

Schermata 10-2457304 alle 00.43.18.png

o qui nella seconda pagina

[Sir Xiradorn]

Allora devi adattare il codice come di dovere ripetendo la stessa modifica per le altre parti. Il codice è lo stesso. Devi solo cercare il bersaglio. Prova così fai pratica

[frank]

Ok, ancora una cosa, la directory per l'immagine (gif o png) la posso scegliere io o va in una cartella apposita?

[frank]

Ora funziona, però: seguendo la logica dei tag, il codice per mettere l'icona a Argomenti dovrebbe essere così, ma non va

Codice: Seleziona tutto

.header .list-inner .topics a::before {
   background: transparent url('./images/barre.gif') no-repeat scroll center center;
    content: " ";
    display: inline-block;
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px;
}

.header .list-inner .topics a {
    margin-left: 19px;
}