Joomla mit Bildern im Menü (statt Text)

Dies nur mal wieder als Notiz für mich selbst weil ich mir daran ein bisschen die Zähne ausgebissen habe.

Joomla 1.5 und das Hauptmenü anstatt mit reinem Text (was gut für Suchmaschinen ist) mit Bilder (bzw. Text in Bildform) erstellen:

Einstellung im Joomla-Backend im Menü: „Liste“, denn dann bekommen wir für jeden Menüpunkt einen seperaten CSS-Stil und können ein Bild dahinter legen. Hier mein Code für eine Horizontale Navigation mit Bildern statt Text:

#menu ul.menu-top
{margin:0;padding:0;float:left;width:100%; background-color:#8c182c;}
#menu ul.menu-top li
{text-indent:-1900px; height:45px; margin:0;padding:0;
list-style:none;float:left;margin:0; display:block}
#menu ul.menu-top li a
{display:block;padding:0; height:45px;}

#menu ul.menu-top li.item4
{background-image: url(../images/dienstleistungen.jpg); width:192px;}
#menu ul.menu-top li.item4 a:hover, #menu ul.menu-top li.active.item4
{background-image: url(../images/dienstleistungenh.jpg); width:192px;}

Eigentlich soweit selbsterklärend: Der Code mit dem item4 wird für jeden Menüpunkt wiederholt mit dem entsprechenden Bild und dessen Weite.