---
title: "Vertical List Menu"
url: "https://www.typo3.net/d/61945-vertical-list-menu"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2007-05-03"
last_reply: "2007-05-03"
replies: 10
solved: false
page: 1
pages: 1
lang: "de"
---

# Vertical List Menu

TYPO3 › Menüs · 10 Antworten · gestartet 2007-05-03

## Eröffnungsbeitrag

**NickD** · 2007-05-03 · [Beitrag #1](https://www.typo3.net/d/61945-vertical-list-menu/1)

hallo zusammen,

ich probiere nun schon stundenlang, komme aber nicht zum erfolg  #angry#
das problem:

ich brauche ein listen menü, welche vertical angelordnet sein muss.
dies sollte genau so aussehen, wie auf typo3.net. ein überpunkt und beim klick auf diesen erscheinen erst die unterseiten. ich suche schon die ganze zeit per google, leider werde ich nicht fündig. kann mir jemand sagen, wie ich so ein menü mit ts hinbekomme?

lg, nick

## Antworten

### [#2](https://www.typo3.net/d/61945-vertical-list-menu/2) · just2b · 2007-05-03

mach ein listenmenü, rest per css, bekommst du u.a. <http://css.maxdesign.com.au/listamatic/>

georg

### [#3](https://www.typo3.net/d/61945-vertical-list-menu/3) · NickD · 2007-05-03

erstmal danke für die schnelle antwort...
leider kann ich auf der seite kein menü finden, was dem linken auf dieser seite entspricht. kannst du mir vielleicht ein genauen link posten!?

ich habe momentan auch ein listenmenü:

```typoscript
lib.sitemap = COA
lib.sitemap {
  stdWrap.prefixComment = 2 | lib.sitemap
  10 = HMENU
  10.special = directory
  10.special.value.field = pages
  10.1 = TMENU
  10.1 {
    wrap = <ul class="nav">|</ul>
    noBlur = 1
    expAll = 1
    NO {
      wrapItemAndSub = <li>|</li>
      ATagTitle.field = description // title
    }
  }
  10.2 = TMENU
  10.2 {
    wrap = <ul class="sub">|</ul>
    noBlur = 1
    expAll = 1
    NO {
      wrapItemAndSub = <li>|</li>
      ATagTitle.field = description // title
    }
   }
     10.3 = TMENU
     10.3 {
            wrap = <ul class="sub2">|</ul>
            noBlur = 1
            expAll = 1
            NO {
                 wrapItemAndSub = <li>|</li>
                 ATagTitle.field = description // title
                }
           }
  10.3 < .10.1
  10.4 < .10.1
  10.5 < .10.1
}
```

wie ich das menü style ist mir bereits bekannt. ich weiß nur nicht, wie ich es so umsetze, das die unterseiten erst sichtbar sind, wenn ich auf die elternseite klicke!

### [#4](https://www.typo3.net/d/61945-vertical-list-menu/4) · NickD · 2007-05-03

ich habe nun ein menü gefunden, was meinen vorstellungen entspricht.
<http://css.maxdesign.com.au/listamatic2/vertical05.htm>#

das problem ist jetzt nur, das umsetzen des html-codes in ts.
bis jetzt habe ich die erste menüstrukur erfolgreich ausgegeben.

mein ts:

```typoscript
lib.sitemap = COA
lib.sitemap {
  stdWrap.prefixComment = 2 | lib.sitemap
  10 = HMENU
  
  10.special = directory
  10.special.value.field = pages
  
  10.1 = TMENU
  10.1 {
    
    wrap =  <div id="navcontainer"> <ul id="navlist">|</ul></div>
    noBlur = 1
    expAll = 1
    NO {
      wrapItemAndSub = <li>|</li>
      ATagTitle.field = description // title
    }
  }
  10.2 = TMENU
  10.2 {
    wrap = <ul class="sub">|</ul>
    noBlur = 1
    expAll = 1
    NO {
      wrapItemAndSub = <li>|</li>
      ATagTitle.field = description // title
    }
   }
     10.3 = TMENU
     10.3 {
            wrap =  <ul id="subnavlist">|</ul>
            noBlur = 1
            expAll = 1
            NO {
                 wrapItemAndSub = <li>|</li>
                 ATagTitle.field = description // title
                }
           }
  10.3 < .10.1
  10.4 < .10.1
  10.5 < .10.1
}
```

nur weiß ich nun nicht, wie ich die subbseiten einbaue, da sie quasi verschachtelt im li liegen. hat jemand eine idee?

p.s.: noch eine frage, wie schaffe ich es, das beim klick auf eine subseite, nicht von einer neuen ebene ausgegangen wird? also das menü soll dann so bleiben -ausgeklappt - und nicht von der subseite neu ausgehen. muss ich dafür jeweils ein ext-template erstellen oder wie macht man das?

### [#5](https://www.typo3.net/d/61945-vertical-list-menu/5) · just2b · 2007-05-03

lass das special directory weg

georg

### [#6](https://www.typo3.net/d/61945-vertical-list-menu/6) · NickD · 2007-05-03

ich habe nun jeweils haupt und subseiten richtig aufgelistet.
nun möchte ich, das die subseiten nicht angezeigt werden, außer an befindet sich auf der elternseite. wenn ich dann auf die subseite klicke, soll das menü auf der ebene so bleiben wie es ist.

mein ts:

```typoscript
lib.sitemap = COA
lib.sitemap {
  stdWrap.prefixComment = 2 | lib.sitemap
  10 = HMENU
  
  10.special = directory
  10.special.value.field = pages

  10.1 = TMENU
  10.1 {
    
    wrap =  <div id="navcontainer"> <ul id="navlist">|</ul></div>
    noBlur = 1
    expAll = 1
    NO {
      wrapItemAndSub = <li>|</li>
      ATagTitle.field = description // title
    }
  }
  10.2 = TMENU
  10.2 {
    wrap = <ul id="subnavlist">|</ul>
    noBlur = 1
    expAll = 1
    NO {
      wrapItemAndSub = <li>|</li>
      ATagTitle.field = description // title
    }
   }

  10.3 < .10.2
  10.4 < .10.2
  10.5 < .10.2
}
```

### [#7](https://www.typo3.net/d/61945-vertical-list-menu/7) · just2b · 2007-05-03

Hallo,

dann lass das expAll und special weg

georg

### [#8](https://www.typo3.net/d/61945-vertical-list-menu/8) · NickD · 2007-05-03

ich habe nun expAll und die zeile 10.special.value.field = pages rausgenommen.
nun erscheinen nur die hauptseiten....wenn ich nun auf eine seite klicke, welche eine unterseite besitzt, besteht das menü nur noch aus dieser unterseite.

```typoscript
lib.sitemap = COA
lib.sitemap {
  stdWrap.prefixComment = 2 | lib.sitemap
  10 = HMENU
  
  10.special = directory
  #10.special.value.field = pages

  10.1 = TMENU
  10.1 {
    
    wrap =  <div id="navcontainer"> <ul id="navlist">|</ul></div>
    noBlur = 1
    #expAll = 1
    NO {
      wrapItemAndSub = <li>|</li>
      ATagTitle.field = description // title
    }
  }
  10.2 = TMENU
  10.2 {
    wrap = <ul id="subnavlist">|</ul>
    noBlur = 1
    #expAll = 1
    NO {
      wrapItemAndSub = <li>|</li>
      ATagTitle.field = description // title
    }
   }

  10.3 < .10.2
  10.4 < .10.2
  10.5 < .10.2
}
```

### [#9](https://www.typo3.net/d/61945-vertical-list-menu/9) · just2b · 2007-05-03

auch mal zeile 6 raus

### [#10](https://www.typo3.net/d/61945-vertical-list-menu/10) · NickD · 2007-05-03

wenn ich zeile 6 rausnehme, erscheint garkein menü mehr...

### [#11](https://www.typo3.net/d/61945-vertical-list-menu/11) · NickD · 2007-05-03

ich habe zufällig folgenden beitrag gelesen [/d/56766-suche-ein-css-menue-wie-von-cmservices](https://www.typo3.net/d/56766-suche-ein-css-menue-wie-von-cmservices)

genau was ich gesucht habe

---

Quelle: „Vertical List Menu“, typo3.net, https://www.typo3.net/d/61945-vertical-list-menu
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.