---
title: "ACT Zustand und Dropdown Menü"
url: "https://www.typo3.net/d/117343-act-zustand-und-dropdown-menue"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","TYPO3 6.x"]
created: "2014-02-08"
last_reply: "2014-03-03"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# ACT Zustand und Dropdown Menü

TYPO3 › Menüs · 2 Antworten · gestartet 2014-02-08

## Eröffnungsbeitrag

**cms** · 2014-02-08 · [Beitrag #1](https://www.typo3.net/d/117343-act-zustand-und-dropdown-menue/1)

Mit dem ACT Zustand bei einem Dropdown Menü habe ich momentan Schwierigkeiten. Was müsste ich ergänzen, damit der ACT Zustand eine andere Hintergrundfarbe erhält?

Typocript:

```typoscript
temp.irgendwas = HMENU
temp.irgendwas {
  wrap = <div>|</div>
  special = directory
  special.value = 1
  1 = TMENU
  1 {
    wrap = <ul> | </ul>
    expAll = 1
    NO {
      ATagTitle.field = subtitle//title
      stdWrap.prepend = COA
      stdWrap.prepend.10.wrap = ~  |
      wrapItemAndSub = | </li>
      allWrap = <li id="pid{field:uid}"> |
      allStdWrap.insertData = 1
      linkWrap = |
      ATagBeforeWrap = 1 
    }
  }
  2 = TMENU
  2 < .1
  2.wrap = <div> <ul>  | </ul></div>
  2.NO.allWrap = <li id="pid{field:uid}"> |
}
```

CSS:

```css
.drop ul {
    list-style: none;
    position: relative;
    z-index: 100;
}

.drop ul li {
    display: block;
    position: relative;
    float: left;
}

.drop li ul {
    display: none;
}

.drop ul li a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 0.5em;
    background: #CCC;
    white-space: nowrap;
}

.drop ul li a:hover {
    background: #555;
    color: #FFF;
}

.drop li:hover ul {
    display: block;
    position: absolute;
}

.drop li:hover li {
    float: none;
}

.drop li:hover a { 
    background: #555;
    color: #FFF;
}

.drop li:hover li a:hover {
    background: #000;
}
```

## Antworten

### [#2](https://www.typo3.net/d/117343-act-zustand-und-dropdown-menue/2) · tingeltockrock · 2014-02-10

```typoscript
#ACT aktiver Navi Punkt im Klickpfad, dieser ist also ACT wenn aus der 2ten Ebene oder weiter darunter einer auf CUR steht ... 
temp.irgendwas.1.ACT = 1
temp.irgendwas.1.ACT.wrap = hier deine tolle klasse oder Farbe

temp.irgendwas.1.CUR = 1
temp.irgendwas.1.CUR.wrap = hier deine tolle klasse oder Farbe

#CUR = current, der angeklickte Navi Pubkt
temp.irgendwas.2.CUR = 1
temp.irgendwas.2.CUR.wrap = hier deine tolle klasse oder Farbe

temp.irgendwas.2.ACT = 1
temp.irgendwas.2.ACT.wrap = hier deine tolle klasse oder Farbe
```

### [#3](https://www.typo3.net/d/117343-act-zustand-und-dropdown-menue/3) · cms · 2014-03-03

Danke. Das habe ich jetzt so gemacht:

```html
<div class="drop">
###NAV###
</div>
```

```typoscript
#Bibliothek
temp.irgendwas = HMENU
temp.irgendwas {
  special = directory
  special.value = 1
  1 = TMENU
  1 {
    wrap = <ul> | </ul>
    expAll = 1
    NO = 1
    NO {
      ATagTitle.field = subtitle//title
      wrapItemAndSub = <li> | </li>
      allWrap = <li id="pid{field:uid}"> |
    }
    
    ACT < .NO
    ACT.ATagParams = class="active"
    
    CUR < .NO
    CUR {
      #doNotLinkIt = 1
      ATagParams = class="current"
    }           
  }

  #2. Ebene
  2 = TMENU
  2 < .1
  2.NO.allWrap = <li id="pid{field:uid}"> |

  # 3. Ebene
  3 = TMENU
  3 < .1
  3.NO.allWrap = <li id="pid{field:uid}"> |

  # 4. Ebene
  4 = TMENU
  4 < .1
  4.NO.allWrap = <li id="pid{field:uid}"> |

#weiterer TypoScript

#marks.NAV = HMENU
marks.NAV < temp.irgendwas
}
```

```css
.drop ul li a.active {
    /*diese Formatierungen*/
}

.drop ul li a.current {
    /*diese Formatierungen*/
}
```

---

Quelle: „ACT Zustand und Dropdown Menü“, typo3.net, https://www.typo3.net/d/117343-act-zustand-und-dropdown-menue
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.