Ich habe nur ein kleines Problem und weiß es nicht zu lösen:
Ich habe ein kleines Menü linker Hand mit 2 Ebenen. Ich mag haben das wenn ich auf einen Link drücke der class="actL1" erscheint.
Wenn ich die zweite ebene Ausklappe im normalen class="noL2" und aktiv class="actL2". Es klappt aber nicht.
MENU_LINKS = HMENU
MENU_LINKS {
special = directory
special.value = 52
entryLevel = 1
1 = TMENU
1.expAll = 0
1.NO = 1
1.NO.linkWrap = <div class="setL1">|</div>
2 < .1
}
im Template schaut es so aus
<div id="Nav">
###MENU_LINKS###
</div>
Hat einer eine Idee wie ich die CSS-Steuerung richtig hinbekomme?
Ich würde Euch echt danken
Hier ein kleiner CSS-Auszug
#Nav{
width:160px;
background-color: #ffffff;
font: 100% Verdana,sans-serif;
color:#000000;
float: left;
}
#Nav a{
display:block;
font-weight:bold;
color:#000000;
padding:0 0 0 35px;
margin:10px 0 10px 0;
}
#Nav a:hover{
color:#4386B2;
text-decoration:none;
font-weight:bold;
padding:0 0 0 35px;
margin:10px 0 10px 0;
background: url(images/stern.gif) no-repeat 25px;
}
#Nav a:active{
color:#4386B2;
text-decoration:none;
font-weight:bold;
padding:0 0 0 35px;
margin:10px 0 10px 0;
background: url(images/stern.gif) no-repeat 25px;
}
#Nav a.actL1{
color:#4386B2;
text-decoration:none;
font-weight:bold;
padding:0 0 0 35px;
margin:10px 0 10px 0;
background: url(images/stern.gif) no-repeat 25px;
}
#Nav a.noL2{
color:#4386B2;
text-decoration:none;
font: 80% Verdana,sans-serif;
font-weight:normal;
padding:0 0 0 45px;
margin:10px 0 10px 0;
}
#Nav a.noL2:hover{
color:#4386B2;
text-decoration:none;
font: 80% Verdana,sans-serif;
font-weight:normal;
padding:0 0 0 45px;
background: none;
margin:10px 0 10px 0;
}
#Nav a.actL2:active{
color:#4386B2;
font-weight:bold;
text-decoration:none;
font: 80% Verdana,sans-serif;
font-weight:normal;
padding:0 0 0 45px;
margin:10px 0 10px 0;
}
Hallo,
MENU_LINKS = HMENU
MENU_LINKS {
special = directory
special.value = 52
entryLevel = 1
1 = TMENU
1.expAll = 0
1.NO = 1
1.NO.linkWrap = <div class="setL1">|</div>
1.ACT = 1
1.ACT.linkWrap = <div class="blabla_class">|</div>
2 < .1
}
Und soweit, ich hoffe es hat dir gehlfen. Wenn nicht, schau hier :
https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/Index.html
Viel SPaß.
humpun Bild: typo3.net/…/560f6cca1f24188e962f4120881198b7.gif
Hatte ich auch schon versucht aber es klappte nicht.
Mein aktueller Stand ist
MENU_LINKS = HMENU
MENU_LINKS.entryLevel = 1
MENU_LINKS.special = directory
MENU_LINKS.special.value = 12
#First level
MENU_LINKS.1 = TMENU
MENU_LINKS.1.expAll = 0
MENU_LINKS.1 {
# Normal state properties
NO.stdWrap.htmlSpecialChars = 1
NO.allWrap = <div class="pageNav"> | </div>
#Enable active state and set properties
ACT = 1
NO.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <div class="setL1"> | </div>
}
#Second level menu-object
MENU_LINKS.2 = TMENU
MENU_LINKS.2.expAll = 0
MENU_LINKS.2 {
# Normal state properties
NO.stdWrap.htmlSpecialChars = 1
NO.allWrap = <div class="setL2"> | </div>
#Enable active state and set properties
ACT = 1
NO.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <div class="setL3"> | </div>
}
aber auch das klappt warum auch immer nicht. Die gesamte erste Navigation wird angeschaut aber der aktive Link nicht markiert.
Olla!
Erstmal Zeile 14 und 27 korrigieren, da muss naemlich auch ein ACT hin. 😉
Wo willst Du dein div denn hin haben? wenn ich lese: act.allWrap entnehme ich daraus, dass Du Dein GANZES Element mit dem div wrapen willst.
dann sollte es korrekterweise heissen:
1.wrap = <div id="krempel"> |</div>
wenn Du allerdings nur dem link eine Klasse mitgeben magst (und das ist wohl gemeint?), dann sollte es heissen:
NO.ATagParams = class="navinactive"
ACT.ATagParams = class="navactive"
gruss, fuss
Mensch Danke Dir,
manchmal wirklich nur eine Kleinigkeit
Davon habe ich was gelernt 😃
ok, nur der Ordnung halber: 😉
wenn du INNERHALB Deines Links was haben willst, also zb seite heisst Mopped, und du willst da noch was davor/dahinter haben, wie zb fett formatieren (ok, kann man auch mit css, geht ja nur ums Prinzip)
ACT.stdWrap.wrap = <strong> | </strong>
gruss, fuss