Hallo,
ich versuche seit Tagen verzeifelt den aktuellen Eintrag meines Menüs farblich zu hinterlegen.
Es soll folgermaßen aussehen:
1.) Ich gehe mit der Maus über einen Menüeintrag und nur für diesen ändert sich
die Hintergrundfarbe.
2.) Wenn ein Eintrag angeklickt ist, dann soll dieser Eintrag dauerhaft (bis ein
anderer Eintrag angeklickt wurde, optisch hervorgehoben sein.
Ich habe schon alle möglichen Syntaxen ausprobiert, die ich bei Google oder
hier im Forum gefunden habe, aber offensichtlich habe ich einen Denkfehler.
# Erstellen des ersten/obersten Menues
# ====================================
page.10.marks.MENUPUNKTEINS = HMENU
page.10.marks.MENUPUNKTEINS.entryLevel = 0
page.10.marks.MENUPUNKTEINS.1 = TMENU
page.10.marks.MENUPUNKTEINS.1.noBlur = 1
page.10.marks.MENUPUNKTEINS.1.NO {
before = <td>
after = </td>
}
# Das ausgewaehlte Element soll farblich abgehoben werden
# =======================================================
page.10.marks.MENUPUNKTEINS.1.RO {
allWrap = <span id="HintergrundGruen">|</span>
}
Ich habe es schon mit .ACT, .CUR oder .ACTIFSUB versucht.
Auch mit stdWrap oder nur wrap aber bei keiner Version klappt,
was ich erreichen möchte.
Auszug aus meiner CSS-Datei.
span#HintergrundGruen {background-color: green}
Ich hoffe ihr könnt mir mit einem Tipp weiterhelfen.
Zu sehen ist das ganze unter folgender Adresse:
http://office.homelinux.org/webservice/ms/index.php
Danke. Gruß & schönes Wochenende
Thorsten
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Thread verschoben aus TypoScript » Anfängerfragen
Ich habe schon alle möglichen Syntaxen ausprobiert, die ich bei Google oder
hier im Forum gefunden habe, aber offensichtlich habe ich einen Denkfehler.
Ich nehme an Du suchst hier schlichtweg viel zu weit.
Ergänzend zu NO kannst Du ACT einsetzen und somit für aktuelle Zustände individuel CSS-Klassen vergeben.
» https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Tmenu/Index.html#confval-menu-tmenu-item-states
Wenn Du unsicher bist wie man ACT mit CSS verbindet, dann lies im Forum "Menüs" einige Threads durch oder such nach Stichworten über die Forumsuche.
Ausserdem kann man solche Konstrukte
page.10.marks.MENUPUNKTEINS.1.NO {
before = <td>
after = </td>
mit wrap einfacher lösen. Es geht hier weniger darum, solange zu probieren bis was funktioniert. Lies besprochene Beispiele im Forum oder in der erklärten Doku durch. Schwer ist das Thema nicht.
Wenn wir gleich dabei sind:
page.10.marks.MENUPUNKTEINS.1.RO {
allWrap = <span id="HintergrundGruen">|</span>
}
Lass RO bezüglich TMENU aus dem Spiel 😉 . Wenn Dir CSS-Klassen etwas sagen, dann wirst Du mit ein bisschen Suchen fündig. Stichworte "aktueller menupunkt", "tmenu aktiv", "tmenu klassen", etc..
grüsse
Hallo toyde,
danke für die Tipps.
Ich hoffe, dass ich fündig werde und mein Problem lösen kann.
Gruß
Thorsten
Hallo,
ich konnte das Problem jetzt lösen:
Falls jemand ein ähnliches Problem hat,
dann hier mein TS-Code.
# Erstellen des ersten/obersten Menues
# ====================================
page.10.marks.MENUPUNKTEINS = HMENU
page.10.marks.MENUPUNKTEINS {
page.10.marks.MENUPUNKTEINS.entryLevel = 0
1 = TMENU
1.noBlur = 1
1.NO = 1
1.NO {
allWrap = <td>|</td>
}
1.ACT = 1
1.ACT < .1.NO
1.ACT.allWrap = <td class="aktiv">|</td>
}
}
Gruß
Thorsten