Zum Inhalt springen

Menü Tiefe & Links stylen

Erstellt am 22. Februar 2006 · 3 Antworten · letzte Antwort am 24. Februar 2006

Tags: Frage

felix4 ·

Guten Abend,

Ich bin Typo3 Neuling und hab heut den ganzen Nachmittag mit Suchen nach einer Lösung verbracht. Ich hoffe Ihr
könnt mir helfen.

Mein Strukturbaum ist 3 Ebenen Tief. Ich möchte aber nur
die 1. Ebene im Menü angezeigt haben. Erst duch Auswahl
des ensprechenden Links soll man in die tieferen Ebenen
gelangen.
Ich hab nichts gefunden wie man die Menütiefe definiert.
Wäre klasse wenn ihr eine Idee habt.

# NAVIGATION AUF 
#-------------------------------------------------

marks.NAVI = HMENU
marks.NAVI.entryLevel = 0
marks.NAVI.special = directory

# Start der Navigation ab ID
marks.NAVI.special.value = 53

# Grenzt IDs aus Menü aus
marks.NAVI.excludeUidList = 27, 38, 41

marks.NAVI.1 = TMENU
marks.NAVI.1 {
    # Normal state properties
  expAll = 1
  NO.allWrap = <tr><td background="fileadmin/pc_hexe/images/bakd.gif" width="130" height="18"><div style="padding-top:2px;padding-left:5px "><h2><img src="fileadmin/pc_hexe/images/arry.gif" align="absmiddle" alt="" />  | </h2></div></td></tr><tr><td width="130" height="1"></td></tr>

    # Enable active state and set properties:
  ACT = 1
  ACT.allWrap = <tr><td background="fileadmin/pc_hexe/images/bakd.gif" width="130" height="18"><div style="padding-top:2px;padding-left:5px "><h2><img src="fileadmin/pc_hexe/images/arry.gif" align="absmiddle" alt="" />  | </h2></div></td></tr><tr><td width="130" height="1"></td></tr><tr><td width="130" height="8"></td></tr>
}

  # Second level menu-object, textual
marks.NAVI.2 = TMENU
marks.NAVI.2 {
    # Normal state properties
  NO.allWrap = <tr><td background="fileadmin/pc_hexe/images/bakl.gif" width="130" height="16"><div style="padding-top:2px;padding-left:5px "><img src="fileadmin/pc_hexe/images/arry3.gif" align="absmiddle" alt="" />  | </div></td></tr><tr><td width="130" height="1"></td></tr>

    # Enable active state and set properties:
  ACT = 1
  ACT.allWrap = <tr><td background="fileadmin/pc_hexe/images/bakl.gif" width="130" height="16"><div style="padding-top:2px;padding-left:5px "><img src="fileadmin/pc_hexe/images/arry3.gif" align="absmiddle" alt="" />  | </div></td></tr><tr><td width="130" height="1"></td></tr>
}

marks.NAVI.3 = TMENU
marks.NAVI.3 {
  NO.allWrap = <tr><td background="fileadmin/pc_hexe/images/bakll.gif" width="130" height="16"><div style="padding-top:2px;padding-left:7px ">    | </div></td></tr><tr><td width="130" height="1"></td></tr>
  ACT = 1
  ACT.allWrap = <tr><td background="fileadmin/pc_hexe/images/bakll.gif" width="130" height="16"><div style="padding-top:2px;padding-left:7px ">    | </div></td></tr><tr><td width="130" height="1"></td></tr>
}

Leider war das noch nicht alles. Bei dem Menü handelt es sich ja um ein Textmenü. Die Links bekommen einen <a>-Tag zugewiesen. Bloss wie kann ich dem <a>-Tag verschiedene Styles zuweisen? Bloss mit CSS-Klassen komm ich da nicht weit.

Vielen Dank für eure Mühen

felix4 ·

vielen dank miwolfram. hat wunderbar geklappt.

hat vielleicht jemand eine lösung für mein 2tes problem?

Wie oben schon beschrieben werden die menülinks ja automatisch mit einem <a>-tag umschlossen.

mein problem ist,dass meine navigations links den selben stil haben wie die textlinks.

weil die <a>-tags dynamisch platziert werden weiß ich nicht wie ich dem dann css klassen zuweisen kann.