Hover Effekt / Drop Down Menü

[Fiete]

Hallo Zusammen,

ich hab mal wieder ein Problem bei dem ich eure Hilfe gebrauchen könnte. Ich arbeite mich immer noch ein und probiere mich dabei an der "The Acadamy" - Site aus. Ich möchte aus dem gegeben Navigationsmenü ein horizontales Menü machen auf dem nur die Hauptlinks aufgeführt sind (The Academy, Courses, Service) und wenn man über die Hauptlinks hovert sollen die jeweiligen Unterlinks erscheinen ( z.Bsp. zu The Academy: News, Events, Impressions, Teachers.)
Bisher bin ich folgendermaßen verfahren:

1.

.mod_navigation li
{
position:relative;
display:inline;
margin:0;
padding:5px 0;
border-top:1px solid #c6ad8d;
list-style-type:none;
}

2.

.mod_navigation .level_2 li
{
top:1em;
position:absolute;
display:none;
padding:0 0 3px;
border-top:0px;
}


Sodele und jetzt seid ihr gefragt: Ich muss ja nun noch festlegen, dass wenn über den "Hauptlink" gehovert wird, die "Unterlinks" erscheinen.
Muss ich dies manuell eingeben oder kann ich dies einstellen?
Wenn ich dies eingeben muss, wo und was genau soll ich schreiben?

Ich bin grün um die Nase, knobele schon einige Zeit an diesem Problem rum und hab mich auch durchs Forum gewühlt. Falls ich dennoch einen Beitrag übersehen habe, in dem eine Lösung zu meinem Problem (auf mir verständliche Weise) geschildert wurde, bitte ich um Entschuldigung und eine kurze Verlinkung.

In jedem Falle: Danke für eure Zeit! Viele Grüße Fiete

P.S.: Gibt es eine empfehlenswerte Seite, auf der man sich CSS Befehle "übersetzen" lassen kann?

[MacKP]

Hallo Fiete,
hier eine Suckerfish Navigation und zusätzliche Infos -> https://community.contao.org/de/show...css+suckerfish

Hier eine Mootools Navigation mit sehr guten Fallback -> https://community.contao.org/de/show...light-benutzen

Nen CSS Link -> css4you.de

Was ich dir so aber nicht abnehmen kann: Die Anpassung wird ohne gute CSS Kenntnisse kaum klappen...
Such einfach mal im Netz nach Suckerfish tutorial etc. Da wird genauer dargestellt warum man was macht um so Aufklapp effekte zu erreichen...

Viele Grüße

[Fiete]

Danke für deine schnelle Antwort, dann arbeite ich mich mal da durch Viele Grüße Fiete

[xchs]

Ergänzend zu MacKP, hier noch sein Tutorial zu den Navigationsmenüs, welches Du ggf. für das Ändern der Navigation brauchen könntest.

[Fiete]

Hallo Zusammen,

folgendes Tutorial hat mir "die Erkenntnis" gebracht:
http://de.contaowiki.org/1/TutorialsSuckerfish
Wenn man mit dem Music Academy Layout arbeitet, kann man sein CSS exakt an das Tutorial anpassen und hat am Ende eine funktionierende Navigationsbar mit Drop Down Menüs.
Ich kann das Tutorial nur empfehlen, ich beschäftige mich erst seit einer Woche mit Typolight und hab das letzte Mal programmiermäßig etwas um die Jahrtausendwende gemacht - ein bisschen html gecodet halt... Wahnsinn, wie schnell man sich mittlerweile Dinge als Greenhorn erschliessen kann.

Und nochmal Danke an MacKP und xchs

Viele Grüße Fiete