Thema: Bilder Menü - Navigation

Hallo Gemeinde,

ich habe eine Frage zu einem Problem, dass ich alleine nicht gelöst bekomme und zwar geht es um ein Menü, das ich mit Bildern gestalten will. Das würde heißen, dass jeder Menüpunkt im CSS ein Bild und einmal auch ein Bild mit Hoverfunktion sein müsse. Ich sag einfach mal "Produkte", "Kontakt", "Impressum" etc. pp. Dazu braucht man meines Wissens aber die Grundlage jeden Menüpunkt separat anzusteuern, das wiederum heißt, dass jeder Punkt eine ensprechende ID ( z.b. <div id="menupunkt_kontakt">) haben müsste.

Hat jemand von Euch Erfahrungen, was das einbinden in Joomla 1.0.13 angeht? Ich habe hier zwar mal ein Thread gesehen, in dem man das Problem über Eingriffe in die config beheben konnte - nur leider hat das bei mir nicht funktioniert.

Über Hilfe wäre ich sehr sehr danke, weil ich diese Feature gerne für mehrere Seiten verwenden würde.

Danke schonmal,

Joomla Tom

Vielen Dank für die Idee, aber ist es nicht möglich sowas ohne ein zusätzliches Modul hinzubekommen. Es müssen ja eigentlich wirklich nur die Styles angepasst werden können.

Hi

Ich suche genau das gleiche, jedoch noch mit zusätzlichem Aufklapp-Menü.
Gibt es so etwas?

Hi,

gibt es ein ähnliches Modul, welches unter Joomla! 1.5 funktioniert?

Gruß

Ich bräuchte auch eins was unter 1.5 funktioniert..

zuerst guckst du welche klassen die navigationpunkte durch bekommen haben.
meistens item1, item2 usw.

dann gehst du in deine css-datei und definierst in etwa folgendes:

Code:

.box-navi .item1 a {
	background-image:url(../images/nav_home.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:55px;
	width: 100px;
	text-indent: -200em;
}

.box-navi ist meine navigationsbox.
.item1 wurde von joomla automatisch gesetzt (ist eigentlich die id-nr, die nur mit item ergänzt worden ist)
der rest ist einleuchtend, wenn man mit css arbeitet.
wichtig ist text-indent MINUS damit der text ausserhalb der webseite steht (sofern du das möchtest).

die css-befehle ergänzt du noch um die weiteren schaltflächen.

Code:

.box-navi .item2 a {...

möchtest du überall das gleiche bild als hintergrund, dann:

Code:

.box-navi a {
        background-image:url(../images/bild.jpg);
	background-repeat:x-repeat;
}

müßte so klappen.. vermutlich - keine gewähr ;-)