Hi,
ich bin schon einige Zeit am suchen... Ich habe ein Listmenü (inline) mit CSS erstellt.
Jetzt möchte ich aktive Punkte mit <strong> so wie im hover darstellen.
dazu müsste ich nun Typo3 zu folgendem Code bewegen:
<li><a href="#"><strong>Startseite</strong></a></li>
Man soll da etwas mit append und prepend machen können... aber irgendwie klappt es nicht so ganz.
# Hauptmenü (Ebene 1)
marks.HAUPTMENU = HMENU
marks.HAUPTMENU {
1 = TMENU
wrap = <ul id="navlist">|</ul>
1.NO = 1
1.noBlur = 1
1.NO.wrapItemAndSub = <li>|</li>
1.ACT=1
1.ACT.wrapItemAndSub = <li>|</li>
1.ACT.wrapItemAndSub.append = <strong>
1.CUR=1
1.CUR.wrapItemAndSub = <li>|</li>
1.CUR.wrapItemAndSub.append = <strong>
}
MFG Michael
sooo ich bin mal ein Schritt weiter und siehe da es geht 🙂.
Noch etwas Feintuning von Nöten aber die investierte Zeit hat sich gelohnt.
# Hauptmenü (Ebene 1)
marks.HAUPTMENU = HMENU
marks.HAUPTMENU {
1 = TMENU
wrap = <ul id="navlist">|</ul>
1.NO = 1
1.noBlur = 1
1.NO.wrapItemAndSub = <li>|</li>
1.ACT=1
1.ACT.stdWrap.prepend = TEXT
1.ACT.stdWrap.prepend {
value = <strong>
}
1.ACT.stdWrap.append = TEXT
1.ACT.stdWrap.append {
value = </strong>
}
1.ACT.wrapItemAndSub = <li>|</li>
1.CUR=1
1.CUR.stdWrap.prepend = TEXT
1.CUR.stdWrap.prepend {
value = <strong>
}
1.CUR.stdWrap.append = TEXT
1.CUR.stdWrap.append {
value = </strong>
}
1.CUR.wrapItemAndSub = <li>|</li>
}
MFG Michael
Sorry, da sage ich nur: Bitte so nicht nachmachen!
Das geht auch wesentlich einfacher.
Für den aktiven Zustand benötigt man nur den ACT-Zustand. Mit prepend und append muss man da nicht arbeiten.
Wenn man unbedingt einen weiteren Tag dort einbinden muss (was unnötig ist, da man auch einfach dem Link eine Class mitgeben kann), dann kann man das per stdWrap.wrap machen.
Ansonsten einfach ATagParams = im ACT Zustand mitgeben und im CSS bold definieren.
Wenn man das nicht kann oder will, ist doch auch noch ACT.[Level].wrapItemAndSub vorhanden. hier kann man doch dem li auch eine Class mitgeben und dieser ein bold mitgeben.
Bewirkt dasselbe wie oben:
marks {
HAUPTMENU = HMENU
HAUPTMENU {
wrap = <ul id="navlist">|</ul>
1 = TMENU
1 {
noBlur = 1
NO = 1
NO {
wrapItemAndSub = <li>|</li>
}
ACT < .NO
ACT {
wrapItemAndSub = <li class="bold">|</li>
# oder ATagParams = class="bold"
# oder stdWrap.wrap = <strong>|</strong>
}
CUR < .ACT
}
}
}
Wenn es gegangen wäre, hätte ich der li oder A-Tag einfach eine Klasse mitgegeben.
Das strong ist nicht dafür da um den Text fett zu machen, sondern um Hintergrund, Border und Text farblich anzupassen 😉.
Sieht dann so aus:
#nav strong
{
color: #333;
background-color: #666;
padding-bottom: 10px;
border-bottom: 10px solid #999;
}
Zudem benötige ich es nicht nur für das Strong, mein anderes Menü bekommt auch noch mehr mit.
Aber CUR < .ACT macht den Code schonmal kürzer 🙂.
MFG Michael