Zum Inhalt springen

vertikales Listen Menü mit Unterbruch

Erstellt am 1. August 2006 · 2 Antworten · letzte Antwort am 11. August 2006

Tags: Frage

kindercity ·

#angry#

Als Typo3 - Neuling möchte ich gerne ein vertikales Listenmenü mit Kategorien erstellen. (Die Kategorien sind aber keine Links)

So soll es aussehen:

Home

K A T E G O R I E 1

Link 1
- Unterlink 1.1
- - Unterlink 1.2
- - - Unterlink 1.3
Link 2
- Untertitel 2.1
- - Untertitel 2.2
- - - Unterlink 2.3

K A T E G O R I E 2

Link 3
- Unterlink 3.1
- - Unterlink 3.2
- - - Unterlink 3.3
Link 4
- Unterlink 4.1
- - Unterlink 4.2
- - - Unterlink 4.3

usw.

Wer kann mir da helfen mit HTML, CSS und Typoscript?[/img]

kindercity ·

ich habs so gelöst:

# Leftside Navigation

   temp.leftmenu = HMENU 
   temp.leftmenu.entryLevel = 0 
   temp.leftmenu.1 = TMENU
   temp.leftmenu.1 {
   expAll = 1
   NO.ATagTitle.field = title
   NO.ATagBeforeWrap = 1
   NO.allWrap = <div class="leftnav"> | </div>
   NO.RO = 1
# NO.beforeImg = fileadmin/images/cross.gif
   NO.beforeROImg = fileadmin/images/arrow_red.gif
   ACT = 1
   ACT.ATagTitle.field = title
   ACT.allWrap = <div class="leftnav_act"> | </div>
   ACT.beforeImg = fileadmin/images/arrow_red.gif
  } 

# Spacer Code Level 2
   temp.leftmenu.2.SPC = 1
# temp.leftmenu.2.SPC < subparts.leftmenu
   temp.leftmenu.2.SPC.doNotShowLink = 0 
   temp.leftmenu.2.SPC.doNotLinkIt = 1
   temp.leftmenu.2.SPC.allWrap =   <div class="leftnavspc"><br />  |  <br /></div>

#Note:
#The last to lines of spacer code should all be on the same line. I had to split it into two to fit on the page.

# Leftside Navigation Level 2
   temp.leftmenu.2 = TMENU
# temp.leftmenu.2 < subparts.leftmenu.1
   temp.leftmenu.2 {
   NO.ATagTitle.field = title
   NO.allWrap = <div class="leftnav2"> | </div>
   NO.RO = 1
# NO.beforeImg = fileadmin/images/cross.gif
# NO.beforeROImg = fileadmin/images/arrow_red.gif
   ACT = 1
   ACT.ATagTitle.field = title
   ACT.allWrap = <div class="leftnav2"> | </div>
   ACT.beforeImg = fileadmin/images/arrow_red.gif
   } 


# Spacer Code Level 3
   temp.leftmenu.3.SPC = 1
# temp.leftmenu.3.SPC < subparts.leftmenu
   temp.leftmenu.3.SPC.doNotShowLink = 0 
   temp.leftmenu.3.SPC.doNotLinkIt = 1
   temp.leftmenu.3.SPC.allWrap = <div class="leftnavspc"><br />  |  <br /></div>


# Leftside Navigation Level 3
   temp.leftmenu.3 = TMENU
# temp.leftmenu.3 < subparts.leftmenu.2
   temp.leftmenu.3 {
   NO.ATagTitle.field = title
   NO.allWrap = <div class="leftnav3"> | </div>
   NO.RO = 1
# NO.beforeImg = fileadmin/images/cross.gif
# NO.beforeROImg = fileadmin/images/arrow_red.gif
   ACT = 1
   ACT.ATagTitle.field = title
   ACT.allWrap = <div class="leftnav3"> | </div>
   ACT.beforeImg = fileadmin/images/arrow_red.gif
   }

die auskomentierten Zeilen habe ich nicht eingesetzt.

So siehts aus: http://www.lagranderecre.ch/index.php?id=18&L=0

Vielen Dank! 😃