Zum Inhalt springen

Problem mit GTMENU

Erstellt am 17. März 2010 · Noch keine Antworten

Tags: Frage

moritz123 ·

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!