TMENU - Aktive Seite soll im TMENU erkennbar sein

Wenn ich im linken Menü meiner Website einen Menupunkt anklicke, soll der Menüpunkt jeweils zur geöffneten Seite eine bestimmte Farbe annehmen, damit man weiss, welcher Menüpunkt gerade aktiv ist.

# Das Textmenü links erstellen
CONTENT = HMENU
CONTENT {
  special = directory
  special.value = 3
  1 = TMENU
  1.NO = 1
  1.NO.linkWrap = <span class="level1">|</span>
}

Welche Schritte muss ich noch unternehmen, damit der Linkstatus der gerade aufgerufenen Seite erkennbar bleibt?

Das Stylesheet enthält folgendes:

.level1 a {
display:block;
font-size: 11px;
width:144px;
height:28px;
padding:2px;
color:#000000;
background-color:#84BADA;
border:1px solid #E1EFF7;
margin:1px 0px;
text-align:center;
text-decoration:none;
cursor:pointer;
font-weight : bold;
background-image: url("fileadmin/images/bg_nav_top_inact.gif");
}

.level1 a:hover {
display:block;
font-size: 11px;
width:144px;
height:28px;
padding:2px;
color:#000000;
background-color:#DCE9F1;
border:1px solid #E1EFF7;
margin:1px 0px;
text-align:center;
text-decoration:none;
cursor:pointer;
font-weight : bold;
background-image: url("fileadmin/images/bg_nav_top_act.gif");
}

Mach das mit dem Zustand CUR in Deinem TS.
https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Tmenu/Index.html#confval-menu-tmenu-item-states

Beispiele gibt es hier im Forum zuhauf.

Die Lösung:

# Das Textmenü links erstellen

CONTENT = HMENU
CONTENT.special = directory
CONTENT.special.value = 3
CONTENT.1 = TMENU
CONTENT.1{
    NO.allWrap = <span class="level1-no"> | </span>
    ACT = 1
    ACT.allWrap =  <span class="level1-act"> | </span>
 }
 
CONTENT.2 = TMENU
CONTENT.2{
 NO.allWrap = <span class="level2-no"> | </span>
     ACT = 1
     ACT.allWrap =  <span class="level2-act"> | </span>
}

Zu diesem Script muss nur noch das CSS File angepasst werden.