Ich benutze ein Textmenü und stelle diesem via beforeImg jeweils ein Icon voran.
Nun will ich, dass beim Überfahren des (Text-)Links sich das Icon ändert, also einen Rollovereffekt. Ich hab im Forum schon gesucht, hab aber nichts gefunden, was mir geholfen hat.
So sieht mein Code aus:
lib.myHutMenu = HMENU
lib.myHutMenu.special = directory
lib.myHutMenu.special.value = 19
lib.myHutMenu.1 = TMENU
lib.myHutMenu.NO = 1
lib.myHutMenu.1.NO {
before.wrap =
beforeImg = {$filepath}/intranet_home_inakt.gif
allWrap = <div style="NavMenuMainItem"> | </div>
}
lib.myHutMenu.1.RO = 1
lib.myHutMenu.1.RO {
before.wrap =
beforeImg = {$filepath}/intranet_home_akt.gif
allWrap = <div style="NavMenuMainItem"> | </div>
}
Der letzte Block ist vielmehr eine Verzweiflungstat als Absicht.
Weiß jemand Rat?
Schau mal in die TSRef Doku.
Dort wirst du unter TMENUITEM die Eigenschaft beforeROimg finden. Vielleicht klappts ja damit.
https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Tmenu/Tmenuitem.html
kleine anmerkung:
es ist wesentlich zeitgemäßer, die rollovergrafiken über css als backgroundbilder einzubinden. zumindest spart man dadurch jede menge quelltext.
@maik: Das hab ich auch schon probiert, leider ändert das nichts 🙁
@theo: Wenn das über CSS geht: super! Leider weiß ich nicht, wie ich das ohne JS machen kann. Hast du da Links?
Hey, habs geschafft!
lib.myHutMenu.1.NO {
before.wrap =
beforeImg = {$filepath}/intranet_home_inakt.gif
allWrap = <div style="NavMenuMainItem"> | </div>
RO = 1
beforeROImg = {$filepath}/intranet_home_akt.gif
}
Die Lösung war, das RO unter dem NO zu setzen, das hatte ich vorher nicht probiert.
MartinLeim schriebWenn das über CSS geht: super! Leider weiß ich nicht, wie ich das ohne JS machen kann. Hast du da Links?
www.css4you.de, bzw. selfhtml.teamone.de