Hallo!
Ich habe auf einer Website horizontales TMENU verwendet. Einzelne Menüpunkte sollen in verschiedenen Zuständen definiert werden. IN CSS habe ich dazu für rollover a:hover verwendet. Wie definiere ich denn nun den aktiven Zustand damit der user sieht, welche Seite er gerade aktiv aufgerufen hat?
Viele Grüße
Martin
Hi bahmann,
es gibt diverse Menuzustände die man setzen kann. Eine Liste findest du hier
> https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Tmenu/Index.html#confval-menu-tmenu-item-states
Wenn du
ACT = 1
ACT.wrapItemAndSub = <li class="act">|</li>
kannst du das via CSS anders gestalten!
Gruß,
fahn
Hallo!
Danke für deine Antwort. In vertikalen Menü funktioniert das mit "ACT" auch, allerdings nicht im horizontalen TMENU. Wie müßte ich denn den Code im horizontalem Menü eingeben?
So siehts momentan (nicht funktionierend) aus:
[...]
# Textmenü oben (Horizontal)
MENU_OBEN = HMENU
MENU_OBEN {
special = directory
# ID der "Menü oben" Seite
special.value = 2
1 = TMENU
1.NO = 1
# ASCII-Code für Pipe Sympol
1.NO.linkWrap = | | |*|
| | |*| |
2.ACT = 1
2.ACT.wrapItemAndSub = <li class="topact">|</li>
#2.ACT = 1
#2.ACT.linkWrap = <a class= "topact"></a>
}
Gruß
Martin
Ähm,
warum hast du
2.ACT = 1
2.ACT.wrapItemAndSub = <li class="topact">|</li>
und nicht
1.ACT = 1
1.ACT.wrapItemAndSub = <li class="topact">|</li>
Oder willst du nur die 2. Ebene dann formatieren? Ich glaub daran liegt der Fehler! Ansonsten gib mir den Link zu deinem Projekt und dann schau ich fix!
Gruß,
fahn
Das wars wohl nicht:
http://typo3.p127857.webspaceconfig.de/index.php?id=5
Unter
http://typo3.p127857.webspaceconfig.de/index.php?id=13
sieht man mal die Struktur der linken Navigation, da ist soweit alles klar. Nur horizontal klappts leider noch nicht.
Gruß
Martin
Wieso, von der HTML-Seite sieht doch alles korrekt aus, der aktive Menüpunkt wird als topact gekennzeichnet. Nur die CSS musst du noch etwas anpassen.
igorshmigor schriebWieso, von der HTML-Seite sieht doch alles korrekt aus, der aktive Menüpunkt wird als topact gekennzeichnet. Nur die CSS musst du noch etwas anpassen.
Hm, ich habe jetzt bei CSS einige Einstellungen ausprobiert aber ohne Erfolg. Kannst Du mir mal einen Tip geben, wo ich ansetzen muss?
Gruß
Martin
Ich sehe gerade erst: Das Menü ist ja gar keine Liste. Da kannst du dann natürlich auch nicht das <li>-Tag verwenden. Nimm ein <span> stattdessen.
igorshmigor schriebIch sehe gerade erst: Das Menü ist ja gar keine Liste. Da kannst du dann natürlich auch nicht das <li>-Tag verwenden. Nimm ein <span> stattdessen.
Super, das wars. Vielen Dank für eure Hilfe.
Gruß
Martin
Hallo,
ich habe das gleiche Problem mit exact der gleichen Beschreibung wie "bahmann".
Ich habe nur ein horizontales Menu auf meiner Test-Homepage.
In CSS habe ich ebenfalls für rollover a:hover verwendet. Klappt alles, nur das mit dem aktiven Zustand im Menu will nicht werden.
Ich hab auch den Tipp von "igorshmigor"mit dem <span> ausgetestet - klappt nicht.
Ich füge hier mal den typoscript- und den css-code ein. Wäre super, wenn jemand helfen könnte.
Möglicherweise liest zufällig "bahmann" das nochmal und kann beschreiben, wie er das gelöst hat.
Bin halt ein Anfänger - würde das aber gerne hinbekommen 😉
Grüße
# Das Textmenü oben erstellen
MENU = HMENU
MENU {
special = directory
special.value = 2
1 = TMENU
1.NO = 1
1.NO.linkWrap = |
}
#menu{
background:#654E4B;
width:960px;
height:32px;
margin-top:0px;
font: regular 18px Trebuchet MS;
text-align:left;
color:#FFFFFF;
font-size:16px;
padding-top:8px;
}
#menu a {
text-decoration:none;
color:FFFFFF;
padding: 9px;
}
#menu a:hover {
background-color:#ffffff;
color:#000000;
text-decoration:underline;
Hi,
Doppelposts sind ärgerlich. Durch den neuen Eintrag sollte der Thread auch wieder oben erscheinen. Wenigstens ein Link zum Originalthread wäre aber hilfreich gewesen.
Mit
1.ACT = 1
1.ACT.ATagParams = class="aktuellerLink"
solltest du dem aktuellen Link eine css-Klasse hinzufügen und ihn dann entsprechend formatieren können.
Weiter noch die grundsätzliche Empfehlung das Menü in eine Liste zu packen und so wie "fahn" geschrieben hat wrappen.
Gruß!
Hallo "hwt",
vielen Dank für Deine Antwort.
Ich habe Deine Beschreibung jetzt mal folgendermaßen umgesetzt. Hat leider nicht den Erfolg gebracht. Es ist ein Effekt festzustellen, aber nur der das die Menutitel bei anklicken zusammenrücken.
Möglicherweise falsche Stelle im Typoscript, oder falsche Definition im Style-sheet?
Wäre super wenn Du noch ´ne Idee hättest.
Gruß
10.marks {
# Das Textmenü oben erstellen
MENU = HMENU
MENU {
special = directory
special.value = 2
1 = TMENU
1.NO = 1
1.NO.linkWrap = |
1.ACT = 1
1.ACT.ATagParams = class="aktuellerLink"
}
#menu{
background:#654E4B;
width:960px;
height:32px;
margin-top:0px;
font: regular 18px Trebuchet MS;
text-align:left;
color:#FFFFFF;
font-size:16px;
padding-top:8px;
}
#menu a {
text-decoration:none;
color:FFFFFF;
padding: 9px;
}
#menu a:hover {
background-color:#ffffff;
color:#000000;
text-decoration:underline;
}
#menu a:active {
color:#ffffff;
}
#menu a.aktuellerLink {
...
}
Vielen Dank lasse!!!