Hallo allerseits,
ich benötige ein barrierefreies Menü, dass pro Navigationspunkt folgende Grafiken besitzt:
1x weißer Hintergrund, schwarze Schrift
1x roter Hintergrund, weiße Schrift
Ich habe das mit dieser Anleitung(http://t3n.de/magazin/gtmenu-barrierefreies-grafisches-menu-typoscript-220932) schon soweit umgesetzt, dass ich die beiden Boxen erhalte. In der oberen erscheint auch der schwarze Text nur in der unteren leider nicht.
Ich kann leider nicht feststellen, ob die rote Box über den Text gerendert wird, oder ob der Text vielleicht aus dem Bild geschoben wird.
Hier noch mein TS-Code:
lib.mainmenu = HMENU
lib.mainmenu{
1 = TMENU
1 {
wrap = <ul id="mainmenu">|</ul>
NO.doNotLinkIt = 1
NO.wrapItemAndSub = <li>|</li>
NO.stdWrap.cObject = COA
NO.stdWrap.cObject {
10 = TEXT
10 {
field = title
typolink {
parameter.field = uid
ATagParams.cObject = COA
ATagParams.cObject{
10 = IMG_RESOURCE
10.file = GIFBUILDER
10.file {
XY = [10.w]+[30.w]+10,70
transparentColor = #ffffff
10 = TEXT
10 {
text.field = subtitle//title
text.case = upper
fontSize = 15
fontFile = fileadmin/templates/fonts/din.otf
offset = 5,20
fontColor = #000000
niceText = 1
}
20 = TEXT
20 < .10
20.fontColor = #BFFF00
20.offset = 5,50
# -- box std
30 = BOX
30.dimensions = 0,30,[10.w]+[30.w]+10,30
30.color = #dcdcdc
# -- roter hintergrund(??) bei mouseover
40 = BOX
40 < .30
40 {
offset = 5,50
color = #b00036
}
}
10.stdWrap.dataWrap = style="width:{TSFE:lastImgResourceInfo|0}px; background-image: url('/|');"
}
}
}
}
}
}
Vielen Dank für die Hilfe!