Drop Down Menue in eigenem template anlegen

Hallo zusammen,

ich habe ein eigenes template geschrieben mit sowohl einem horizontalen als auch einem vertikalen Menü. Das horizontale soll bei Mouseover seine Unterpunkte als DropDown darstellen.

Ich habe als Beispiel einen Mnüpunkt angelegt, der im Hauptmenü immer zu sehen ist. Bei Mouseover soll das Menü ausklappen, bei Anklicken ein Beitrag erscheinen. Und einen Unterpunkt, der nur bei Mouseover zu sehen sein soll und mit einem anderen Beitrag verlinkt ist.

Wo leg ich das denn an? In der CSS-Datei? Oder gibt es bei Joomla Parameter dafür, die ich anwählen kann? Wenn ja wo? Oder muss ich für das Untermenü ein eigenes Modul mit eigener vertikaler Naiv anlegen, das in einen Container stecken, der dann erscheint?

Vielen Dank fürs Lesen und Mitdenken ...

Vielen Dank. Eine ergänzende Frage: gibt es template-Schnipsel, die nur für das Menü verwendet werden können? Also ich gestalte den ganzen Aufbau mit einem eigenen CSS / template, aber das Menü übernimmt ein solcher Schnipsel?

Nein, ich meinte bereits fertige Schnipsel. Ich kämpf mir nämlich grad einen Wolf mit den Parametern.

Den aus dem link habe ich verwendet. Er verbirgt auch die untergeordneten Menüpunkte und zeigt sie bei hover, allerdings dann nebeneinander in der Reihe mit den anderen Hauptpunkten, die dann eine Zeile tiefer rutschen … ich geh jetzt erstmal Mäuse melken.

Der aus dem link ist sicher prima, für 50$ mir etwas zu teuer. 10 - 20 hätte ich akzeptiert. Bin da aber eh etwas zurückhaltend, da ich noch nie etwas von anderen Skriptschreibern installiert habe. Hab die templates bisher selbst geschrieben.

Ja sollte man meinen. Aber es klappt nicht.

Dafür hab ich jetzt das Jumazi Dropdown Menü installiert … und das klappt auch nicht. Ich kann nirgends DropDownMenü anwählen obwohl das in der Beschreibung so steht und wenn ich ein anderes nehme ist da kein Dropdown!

Stimmt, entschuldige, da hätte ich auch früher drauf kommen können ...

http://joomla.becker-books.com/index.php/haupt-1

die Haupt navi-Punkte sollen nebeneinander stehen, die "Unter" punkte sollen bei hover unter Haupt2 stehen … ich schaff es einfach nicht.

der relevante css-Bereich ist

#wrapper_kontakt{
width: 100%;
height: 35px;
z-index: 2;
float: left;
background-color: #ffffff;
}

#kontakt {
width: 1055px;
height: 35px;
position: relative;
z-index: 3;
background-color: #ffffff;
left: 50%;
margin-left: -526px;
}

ul.nav li {
display: inline-block;
margin-right: 0px;
padding: 0 5px;
font-weight: bold;
}

#kontakt a{
color: #000;
font-weight: lighter;
text-align: right;
margin-right: 10px;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 16px;
text-decoration: none;
}

Ja Du hast recht, ich hatte alle ausprobierten Zeilen wieder rausgenommen.

Und was soll man sagen, zumindest das hover funktioniert und verschiebt auch die Zeile nicht mehr. Wenn ich jetzt noch die links nebeneinander bekomme und den Block weiss bin ich glücklich. Aber das schaff ich schon. Irgendwie.

Vielen vielen Dank jedenfalls erstmal!!!

Ja! Das ist es! Danke nochmal!