Immagine segnaposto di lista

1 Premessa

Questo tutorial si rifersice alla pagina Materiali di questo Blog.

2 Salvataggio dell’immagine

• Costruisci un’immagine di dimensioni ridotte (es. 14×14 pixel) e salvala in formato gif: esempio img1.gif
• Trasferisci l’immagine nella cartella wp_images

3 Modifica del file page.php

• Modifica il codice del file page.php, sostituendo div class="entry"
  con div class="entrytext_p" (in WordPress 1.5. sostituisci div class="entrytext")

4 Modifica del file style.css

• Modifica il codice del file style.css, aggiungendo
  .entrytext_p ul li {
list-style-image: url(../../../wp-images/img1.gif);
padding-left:10px;
}
.entrytext_p ul ul li {
list-style-image: none;
}


5 Commento

In questo modo l’immagine segnaposto viene assegnata solo agli elementi di lista di primo livello.
Il padding sinistro ha la funzione di staccare il testo dall’immagine, che altrimenti in IE verrebbe attaccato.