Zum Inhalt springen

Flyout Menu ala Suckerfish

Erstellt am 2. November 2005 · 4 Antworten · letzte Antwort am 3. November 2005

Tags: HTML & CSS, Frage

zab ·

Hallo,

ich versuche mich gerade an einem Listenmenu,
das per CSS gestyled zu einem dynamischen Flyout-Menu wird.
Ein schönes Beispiel:
http://www.htmldog.com/articles/suckerfish/dropdowns/example/

Ich stehe nun vor dem Problem, dass ich nicht genau weiß, wie ich die Anzeige aller Seiten inkl. der Startseite (root) in eine verschachtelte Liste bekomme.

Ich habe dank einiger Beispiele in Büchern und auch aus Threads hier im Forum schon mal einen guten Ansatz, denke ich:

# ========== AUSGABE DER NAVIGATION ============ #

subparts.NAVIGATION = HMENU
subparts.NAVIGATION {

        # entryLevel = 0
        special = directory
        special.value = 1,2

        1 = TMENU
        1 {
                expAll = 1 
                noBlur = 1
                wrap = <ul>|</ul>
                NO = 1
                NO {
                      ATagTitle.field = abstract // description
                      wrapItemAndSub = <li>|</li>
                }
        }
        2 < .1
} 
}

Mein aktuelles Problem besteht darin, dass mir die Startseite nun in meinem Menü fehlt!
Egal wie ich an dem entrylevel, oder alternativ mit special = directory rumdoktore, ich kriege die Startseite nicht in das Menü.
Ein weiteres Problem besteht in der Struktur der Website.
Home ist bei mir dir erste Seite, unter der (in der zweiten Ebene) alle Seiten folgen.

home
.... Seite 1
........ Seite 1.1
........ Seite 1.2
.... Seite 2
usw.

Es wäre nicht richtig, genau diese Struktur abzubilden, denn dann wären alle meine Seiten, Unterpunkte von home, was natürlich nicht dem Ergebnis entspricht, dass ich mich vorstelle!
Ich habe brauche also eine Liste <ul>, die folgendermaßen aufgebaut ist:

home
seite 1
.... Seite 1.2
.... Seite 1.2

seite 2
.... Seite 2.1
.... Seite 2.2

Seite 3

usw.

Nur wie realisiere ich das?
Kann mir jemand einen Tipp geben, oder hat gar einen Beispielhaften Code parat?

Kann es sein, dass ich die Seitestruktur umbauen muss, so dass alle Seiten des ersten Levels auf einer Ebene mit Home liegen? :o

Schöne Grüße,
zab

just2b ·

Kann es sein, dass man vor lauter Bäumen den Wald nicht mehr sieht? 😉

Shortcut-Seite auf Home
.... home
.... Seite 1
........ Seite 1.1
........ Seite 1.2
.... Seite 2

und das ganze kannst du ja mit einem klick verschieben und sonst nimmst du

Home
.... Shortcut-Seite auf Home
.... Seite 1
........ Seite 1.1
........ Seite 1.2
.... Seite 2

lg georg

zab ·

Hi,

witzig,
genau darüber dachte ich nach, als ich denk Beitrag abschickte.

Danke, dass ihr mir auf die Sprünge helft,
denn nun finde ich meine Idee bestätigt.
Mir raucht echt der Schädel vom rumexperiemntieren - nun hat es dies zumindest ein Ende! *aufatmet*

Erschien mir anfangs als unsauber die Idee,
doch ist es technisch wohl nicht besser lösbar.

Danke!

Beste Grüße,
ZAB

zab ·

Hallo,

ich habe da noch ein paar Schwierigkeiten mit dem Finetuning am Menu.

Ich möchte für jeden Listenpunkt eine eigene id="xyz" realisieren.
Das Problem ist, dass subst_elementUid = 1 wohl nur mit allWrap funktioniert! Da ich aber eine korrekte xhtml-konforme Verschachtelung für mein Menu brauche, kann ich die ids nicht per {elementUid} einfügen.

Gibt es da eine Alternative?

Des weiteren habe ich das Problem, dass ich es nicht schaffe, den Links ein title-Tag zuzuweisen!
ATagTitle = abstract // description // title bewirkt bei mir genau garnichts? Any ideas?
Genauso ist es mit:
ACT {
ATagParams = class="current"
...
}
Kann mir jemand sagen warum das nicht funtzt?

# ========== AUSGABE DER NAVIGATION ============ #

subparts.NAVIGATION = HMENU
subparts.NAVIGATION {

        special = directory
        special.value = 1,2,3

        1 = TMENU
        1 {
                expAll = 1 
                noBlur = 1
                wrap = <ul>|</ul>
                
                NO = 1
                NO {
                      ATagTitle = abstract // description // title
                      wrapItemAndSub = <li class="item{elementUid}">|</li>
                      subst_elementUid = 1

                      
                }
                ACT {
                      ATagParams = class="current"
                      wrapItemAndSub = <li class="item{elementUid}">|</li>
                      subst_elementUid = 1
                }

        }
        2 < .1
} 
}

Ich bin über jede Hilfe dankbar!

Schöne Grüße,
zab