Thema: Menü stylen mit hover

Hallo, läßt Du uns teilhaben an Deinem neuen Können? Würde mich freuen über eine Beschreibung.

Danke

Liebe Joomlagemeinde,

Ich hatte heute morgen das selbe Problem und eine Lösung mit CSS gefunden.

Mein Problem war, dass ich ein Menü machen musste, welches nur aus Bildern besteht. Beim überfahren mit der Maus sollte ein anderes Bild erscheinen. Ich wollte das Menü jedoch nicht hart in die index.php coden, damit man das Menü in der Joomlaadministration erstellen kann.

Ich habe das Problem wie folgt mit CSS gelöst:

Code:

		#tpl_left ul {list-style:none;padding:0;}
		#tpl_left li {list-style:none;padding:0;text-align:left}
		#tpl_left li a {background:url(../images/menu_blank.png) no-repeat;width:253px;height:70px;display:block;}
		
		/* Menütext ausblenden */
		#tpl_left li.item61 a span {display:none}
		#tpl_left li.item62 a span {display:none}
...
		
		/* Menübilder */
		#tpl_left li.item61 a {background:url(../images/menu_job.png)}
		#tpl_left li.item62 a {background:url(../images/menu_auto.png)}
...
		
		/* Menü-Hoverbilder*/
		#tpl_left li.item61 a:hover {background:url(../images/menu_job_h.png)}
		#tpl_left li.item62 a:hover {background:url(../images/menu_auto_h.png)}
...

Das einzige, was man jetzt im CSS Code natürlich immer ändern muss ist die Item ID... ganz easy mit der suchen und ersetzen Funktion.

Ich hoffe mein Beitrag war hilfreich.

Schöne Grüße,

Stani