Zunächst ein ganz dickes Dankeschön an “DerUnbekannte” der mir dieses Turorial, mit seiner großen Hilfe überhaupt erst möglich gemacht hat.
Der Sinn dieser Navi ist eine CSS-Textnavigation zu erhalten, die aber ebenso, wie die grafische Navigation von NOF, Ausklappleisten hat ohne dafür die “rollover.js” von NOF 11 und älter zu verwenden, die immer wieder Probleme durch Konflikte mit anderen Javascript-Dateien anderer Anwendungen, wie z.B. Fotogalerien, verursacht.
Es wird eine gewisse Kenntnis von CSS vorausgesetzt.
Ich fasse hier kurz zusammen, was ich getan habe.
1.) Den Code unten in die HTML “Zwischen Head Tags”. Oben den Link zur jquery-Datei, dann das Skript für den IE 6 Fix und dann noch den Link zu einer für diese Navi benötigten CSS-Datei, die ich hier mal “klappnavi.css” genannt habe, hier relativer Pfad von der Startseite dieses Projektes mit ./ Denkt also bitte daran, Eurer “Home” (Startseite) einen anderen “Master-Rahmen” als den Unterseiten zu geben, damit diese relative Pfadangabe auf allen Seiten stimmt - auf Unterseiten 2 Punkte ../ Diese CSS-Datei gehört in den lokalen und entfernten Ordner html des Projektes.
|