Vertikale Drop Down Navigation

[FliFla]

Hallo,

ich arbeite seit kurzem mit Typolight.
Bisher habe ich meine Homepages mit Dreamweaver erstellt.

Ich habe nun folgendes Problem:
ich möchte eine vertikale Drop Down Navigation erstellen so wie in dieser Seite:
www.theaterverein-bergatreute.de/neu (habe mit Dreamweaver erstellt)
Diese Navi funktioniert mit einem Javascript.
Allerdings müssen da alle Name und Links etc. im Javascript selbst eingetragen werden. D.h. ich kann dieses script nicht einfach in TL verweden.

Meine TL Seite sieht im Moment so aus:
www.theaterverein-bergatreute.de/typolight

Ich habe mal die Mootools-Navi ausprobiert, aber damit komm ich auch nicht zurecht.

Wer kann mir helfen?
Wie bekomm ich die Navi von meiner Dreamweaver-Seite in TL hin ??

Danke im vorraus.

[Sebastian]

HI

mit dieser Erweiterung solltest du das allerdings gut hinbekommen. Sonst wird es anstrengend.

Sebastian

[FliFla]

Kannst du mir ein paar Tipps geben was ich alles ändern muss damit es mit dem Mootools klappt.

Ich möchte, dass sich das DropDown nur bei Mouse-Klick und nicht bei Mouse-Over öffnet.
Ebenso möchte ich meine Hintergrundbilder verwenden.
Welche css-Klasse gehört zu welcher Ebene ?
Was muss ich da in den Stylsheets alles ändern damit es meiner gewünschten Navi gleich kommt.

FliFla

[Sebastian]

HI

ich nicht. Aber im mootoolsnav-Forum wirst du vielleicht geholfen

Sebastian

[FliFla]

Leider gibts im mootools-forum auch keine Hilfe dazu.

Also nochmals meine Frage:
Wie bekomm ich eine solche Navi in TL hin:
www.theaterverein-bergatreute.de/neu

FliFla

[OneChance]

Hallo FilFla,
Ich weiss nicht ob ich dein Problem richtig verstehe aber wenn Du das ganze mit den stop levels in den Menü einstellugen machst. Dann werden die unterpunkt spricht die zweite Menüebene erst auf klick angezeigt. Der Rest ist dann einfach mit css fertig zu stellen.
Bin zwar selber neuling aber das wäre eine Lösung ohne gross programmieren zu müssen.

Hoffe dies konnte Helfen.

[FliFla]

Danke für den Tip.

Hab mit den Stop-Leveln und css schon einiges hinbekommen.

Was mir aber noch fehlt, ist die hover Funktion, dass sich der Button bei Mouse-Over ändert.

Wie kann ich es hinbekommen, dass der Link nicht nur auf dem Text liegt, sondern auf dem ganzen Button und dass dieser sich bei Mouse-Over ändert ?

Was mich außerdem sehr stört, dass der Seitenaufbau so lange dauert.
Hab caching schon aktiviert. Kann ich sonst noch was tun, damit das schneller geht ?