riecchite conti

In effetti l'articolo che mi ha mandato tony centra in pieno l'argomento

La mia idea principale è quella di creare un altro suffisso di css come _menu che mi dia lo stesso risultato. Nell'esempio dell'articolo mandato da tony vengono copiate le 4 voci riguardanti l'aspetto grafico del menù e viene modificato il nome da _menu a menu-orange, lasciando così la forma inalterata. Poi cambiando l'immagine superiore (una delle 4 voci) si potrebbe inserire la stessa ma modificata in modo che appaia un icona a sinistra

Copiando le regole del menù che formattano l'aspetto grafico e cambiando il nome dovrei ottenere quel che voglio. Poi sostituendo l'immagine superiore avrei le mie immagini.
Ho provato a prendere le voci che riguardano il mio css ma a differenza di quelle dell'articolo non hanno immagini presenti. Vi posto le 6 righe che ho copiato e che probabilmente non dovevo prendere:
div.module_menu h3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #eee;
margin: -23px -4px 5px -5px;
padding-left: 10px;
padding-bottom: 2px;
}
div.module_menu {
margin: 0;
padding: 0;
margin-bottom: 15px;
}
div.module_menu div div div {
padding: 10px;
padding-top: 30px;
padding-bottom: 15px;
width: auto;
}
div.module_menu div div div div {
background: none;
padding: 0;
}
div.module_menu ul {
margin: 10px 0;
padding-left: 20px;
}
div.module_menu ul li a:link, div.module_menu ul li a:visited {
font-weight: bold;
}
In ognuna ho aggiunto orange alla fine e ho provato, ma come vi dicevo non ci sono immagini nel codice sopra e quindi non so quale modificare

.
Sicuramente ho sbagliato riga mi confermate?