Zum Inhalt springen

ACT Zustand und Dropdown Menü

Erstellt am 8. Februar 2014 · 2 Antworten · letzte Antwort am 3. März 2014

Tags: TYPO3 6.x, Frage

cms ·

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:

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:

.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;
}
tingeltockrock ·
#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
cms ·

Danke. Das habe ich jetzt so gemacht:

<div class="drop">
###NAV###
</div>
#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
}
.drop ul li a.active {
    /*diese Formatierungen*/
}

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