---
title: "Weitere Ebene im Menü"
url: "https://www.typo3.net/d/29380-weitere-ebene-im-menue"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2005-08-29"
last_reply: "2005-08-29"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Weitere Ebene im Menü

TYPO3 › Menüs · 2 Antworten · gestartet 2005-08-29

## Eröffnungsbeitrag

**McPringle** · 2005-08-29 · [Beitrag #1](https://www.typo3.net/d/29380-weitere-ebene-im-menue/1)

Hallo,

ich bin relativ neuer Typo3-User und bin mit dem QuickStart-Package gestartet, welche ich an meine Bedürfnisse angepasst habe.

Doch nun habe ich ein Problem: Ich möchte das Menü so konfigurieren, dass eine weitere Ebene angezeigt wird. Aktuell sieht es so aus:

```typoscript
Rubrik
> Seite 1
> Seite 2
> Seite 3
```

Ich möchte nun eine weitere Eben im Menü sehen:

```typoscript
Rubrik
> Seite 1
> Seite 2
  > Seite 2.1
  > Seite 2.2
> Seite 3
```

Wie geht das?

Danke
McPringle

## Antworten

### [#2](https://www.typo3.net/d/29380-weitere-ebene-im-menue/2) · theo · 2005-08-29

> **McPringle schrieb:**
>
> Hallo,
>
> ...
>
> Wie geht das?
>
> Danke
> McPringle

<https://www.typo3server.com/dokumentation.html>

### [#3](https://www.typo3.net/d/29380-weitere-ebene-im-menue/3) · cyberratz · 2005-08-29

Das ins Template:

```typoscript
# Content Menu cObject

temp.content_menu = HMENU
# First level menu-object, textual
temp.content_menu.1 = TMENU

temp.content_menu.1 {

# Normal state properties
NO.allWrap = <div class="content_menu-level1-no"> | </div>

# Enable active state and set properties:
ACT = 1
ACT.allWrap = <div class="content_menu-level1-act"> | </div>

}

# Second level menu-object, textual
temp.content_menu.2 = TMENU

temp.content_menu.2 {

# Normal state properties
NO.allWrap = <div class="content_menu-level2-no"> | </div>
# Enable active state and set properties:
ACT = 1
ACT.allWrap = <div class="content_menu-level2-act"> | </div>
}
```

Dann natürlich das ganze noch einbinden mit:

```typoscript
# Substitute the ###content_menu### subpart with some example content:
subparts.content_menu < temp.content_menu
```

Und hier noch ein CSS:

```html
/* Menu 1 column */
TD#content_menu {
        vertical-align: top;
        width: 140px;
        padding-top: 10px;
        background-color: #CCCCCC;

}
TD#content_menu DIV {
        width: 95%;
}
TD#content_menu DIV A {
        color: #000000;
        text-decoration: none;
}
TD#content_menu DIV A:hover {
        text-decoration: underline;
}

/*  MENU 1, level 1, normal state (NO) */
TD#content_menu DIV.content_menu-level1-no {
  border-bottom: 1px dotted #999999;
  font-size: 12px;
  padding-top:5px;
  padding-left:5px;
 padding-right:5px;
}
/*  MENU 1, level 1, active state (ACT) */
TD#content_menu DIV.content_menu-level1-act {
  border-bottom: 1px solid #999999;
  font-weight:bold;
  font-size: 12px;
  padding-top:5px;
  padding-left:5px;

  background-color: #eeeeee;
  filter:alpha(opacity='70', style='0');
}
TD#content_menu DIV.content_menu-level1-act A {
  color:black;
}

/*  MENU 1, level 2, normal state (NO) */
TD#content_menu DIV.content_menu-level2-no {
  font-size: 11px;
  padding-left:10px;
}
/*  MENU 1, level 2, active state (ACT) */
TD#content_menu DIV.content_menu-level2-act {
  font-size: 11px;
  font-weight:bold;
  padding-left:10px;
}

/*  MENU 2, level 1, general for all table cells: */
TR#menu_2 TD {
  background-color: #333366;
  width: 10%;
  text-align: center;
  padding: 0px 2px 0px 2px;
}
TR#menu_2 TD A {
  color: white;
  font-size: 10px;
  font-family: verdana, arial;
  text-decoration: none;
}
TR#menu_2 TD A:hover {
  text-decoration: underline;
}
TR#menu_2 TD.oddcell {
  background-color: #666699;
}
TR#menu_2 TD.menu2-level1-act {
  background-color: #88292A;
}
```

Gruss,

Ekki

---

Quelle: „Weitere Ebene im Menü“, typo3.net, https://www.typo3.net/d/29380-weitere-ebene-im-menue
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.