---
title: "vertiakles Textmenü.....etc....."
url: "https://www.typo3.net/d/99343-vertiakles-textmenueetc"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2010-06-09"
last_reply: "2010-06-10"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# vertiakles Textmenü.....etc.....

TYPO3 › Menüs · 3 Antworten · gestartet 2010-06-09

## Eröffnungsbeitrag

**Androllie** · 2010-06-09 · [Beitrag #1](https://www.typo3.net/d/99343-vertiakles-textmenueetc/1)

Guten Tag,

ich bin extrem neu bei Typo3 und logischerweise kommen auch gleich Fragen.
Hier bei Mittwald habe ich eine wirklich sehr gute Anleitung finden können.
Einiges an guten Beispielen ist auch gleich dabei.

Nun bin ich da am Basteln und wollte eigentlich ein vertikales Textmenü erstellen. Bei der Anleitung findet man das nur als grafisches Menü.
Geht das als reines Textemenü überhaupt?

Und gleich die nächste Frage:
Wie kann ich das vertikale Textemenü pro klick auf das horizontale Menü austauschen?
Soll heißen, es klickt der User auf den Link Home im horizomtalen Menü und bekommt im linken Textmenü Menü1-2 zusehen.
Klickt er auf horizontal Link Kontakt soll er links eine andere Menüleiste erhalten. Und so weiter.

Danke für Eure Hilfe.

Androllie

## Antworten

### [#2](https://www.typo3.net/d/99343-vertiakles-textmenueetc/2) · thowe · 2010-06-09

schönen Tag Androllie,

viel Spaß mit TYPO3, alle Anfag ist schwer, aber bei TYPO3 macht es viel Spaß

hier ein Link zu deiner Frage, innerhalb dieses Forums, vielleicht hilft es.

[/d/39892-submenues-an-anderer-stelle](https://www.typo3.net/d/39892-submenues-an-anderer-stelle)

LG & ciao

### [#3](https://www.typo3.net/d/99343-vertiakles-textmenueetc/3) · Androllie · 2010-06-10

Hi thowe,

danke für den Link, muss ich noch durch arbeiten.
Aber das hilft mir noch nicht bei meinem vertikalen Textmenü.

Vielleicht hat hier einer noch ein paar nette Seiten und Informationen für mich.

Danke

### [#4](https://www.typo3.net/d/99343-vertiakles-textmenueetc/4) · sunixzs · 2010-06-10

Hallo Androllie,

ich mache sowas in etwa so:

Menu 1. Ebene erstellen für das horizontale Menu:

```typoscript
tmp.naviMain = COA
tmp.naviMain {
  20 = HMENU
  20 {
    1 = TMENU
    1 {
      
      NO {
        ATagTitle.field = subtitle // abstract
        allWrap = <li class="first">|</li> |*| <li class="middle">|</li> |*| <li class="last">|</li>
        stdWrap.htmlSpecialChars = 1
      }
      ACT < .NO
      ACT = 1
      ACT {
        ATagParams = class="act"
      }
    }
  }
  
  wrap = <ul id="naviMain">|</ul>
}

page.10.marks.NAVI_MAIN < tmp.naviMain
```

Menu 2. und mehr Ebenen erstellen für die linke Seite:

```typoscript
# NaviMain Ebene 2+
tmp.naviMain2 = HMENU
tmp.naviMain2 {
  entryLevel = 1
  1 = TMENU
  1 {
    wrap = <ul id="naviMain2">|</ul>
    NO {
      ATagTitle.field = title // subtitle // abstract
      wrapItemAndSub = <li class="first">|</li> |*| <li class="middle">|</li> |*| <li class="last">|</li>
      stdWrap.htmlSpecialChars = 1
      ATagParams = class="level1"
    }
    ACT < .NO
    ACT = 1
    ACT {
      ATagTitle.field = title // subtitle // abstract
      wrapItemAndSub = <li class="first">|</li> |*| <li class="middle">|</li> |*| <li class="last">|</li>
      stdWrap.htmlSpecialChars = 1
      ATagParams = class="level1 act"
    }
    
    ACTIFSUB < .NO
    ACTIFSUB = 1
    ACTIFSUB {
      ATagParams = class="level1 act" |*| class="level1 sub act" |*| class="level1 sub last act"
    }
    
    IFSUB < .NO
    IFSUB = 1
    IFSUB {
      ATagParams = class="level1 sub" |*| class="level1 sub" |*| class="level1 sub last"
    }
  }
  
  2 = TMENU
  2 {
    wrap = <ul>|</ul>
    NO {
      ATagTitle.field = title // subtitle // abstract
      wrapItemAndSub = <li class="first">|</li> |*| <li class="middle">|</li> |*| <li class="last">|</li>
    }
    ACT < .NO
    ACT = 1
    ACT {
      ATagParams = class="act"
    }
  }
  
  3 = TMENU
  3 {
    wrap = <ul>|</ul>
    NO {
      ATagTitle.field = title // subtitle // abstract
      wrapItemAndSub = <li class="first">|</li> |*| <li class="middle">|</li> |*| <li class="last">|</li>
    }
    ACT < .NO
    ACT = 1
    ACT {
      ATagParams = class="act"
    }
  }
}
page.10.marks.NAVI_MAIN2 < tmp.naviMain2
```

Horizontal und Vertikal regelt sich dann einfach per CSS:

```css
#naviMain {
 margin: 0;
 padding: 0;
 list-style: none;
}

#naviMain li {
 margin: 0 1em 0 0;
 padding: 0;
 display: inline; /* oder float: left; */
}
```

Minimaler sieht das so aus:

```typoscript
page.10.marks.NAVI_MAIN = HMENU
page.10.marks.NAVI_MAIN {
	wrap = <ul id="naviMain">|</ul>
	1 = TMENU
	1.NO.allWrap = <li>|</li>
	1.ACT < .NO
	1.ACT.ATagParams = class="act"
}

page.10.marks.NAVI_MAIN2 = HMENU
page.10.marks.NAVI_MAIN2 {
	entryLevel = 1
	1 = TMENU
	1 {
		wrap = <ul id="naviMain2">|</ul>
		NO.wrapItemAndSub = <li>|</li>
		ACT < .NO
		ACT = 1
		ACT.ATagParams = class="act"
	}
	
	2 = TMENU
	2 {
		wrap = <ul>|</ul>
		NO.wrapItemAndSub = <li>|</li>
		ACT < .NO
		ACT = 1
		ACT.ATagParams = class="act"
	}
	
	3 = TMENU
	3 {
		wrap = <ul>|</ul>
		NO.wrapItemAndSub = <li>|</li>
		ACT < .NO
		ACT = 1
		ACT.ATagParams = class="act"
	}
}
```

Die Trennung der Ebenen erfolgt mir "entryLevel".

---

Quelle: „vertiakles Textmenü.....etc.....“, typo3.net, https://www.typo3.net/d/99343-vertiakles-textmenueetc
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.