✔ GMENU mit abgerundeten Buttons

[poli-dori]

Hi Experten,

nach langem herumtüfteln habe ich es fast geschafft ein nettes GMENU mit abgerundeten Kanten zu erstellen.
Ich sage "fast" denn ich sitze schon seit einiger Zeit vor einem Problem:
die Maske wird zwar dynamisch erstellt, die Masken-GIFs für die Abgerundeten Kanten werden richtig platziert, jedoch krieg ich es nicht hin, die Maske genauso breit wie die Buttons zu gestalten.

Hier könnt ihr sehen wie es zZ aussieht, und das ist das TS dazu:

temp.mainMenu = HMENU
temp.mainMenu {
        special = directory
        special.value = 1
        1 = GMENU
        1.wrap = <ul class="mainMenu" align="right"> | </ul>
        1.noBlur = 1
        1.NO = GIFBUILDER
        1.NO {
                backColor = #2E340B
 
                #Hintergrundbild
                5 = IMAGE
                5.file = fileadmin/templates/images/mainMenuBgNO.jpg
 
                #Beschriftung als Text rendern
                10 = TEXT
                10.text.field = title
                10.fontColor = #000000
                10.fontFile = fileadmin/templates/fonts/InsigniaLTStd.otf
                10.fontSize = 18
                10.antiAlias = 1
                10.offset = 0,21
                10.align = center
                10.niceText = 1
 
                XY = [10.w]+16,30
                transparentBackground = 0
 
                wrap = <li class="mainMenu-NO"> | </li>
 
                # Die Maske
                5.mask = GIFBUILDER
                5.mask {
 
 
                        # Hier wird die dynamische Maske mit der gleichen Größe wie das aktuelle
                        # Bild erstellt, aber mit runden Ecken.
 
                        format = gif
                        XY = [10.w]+16,30
                        color = #FFFFFF
 
                        # Die Maske für die Ecke oben links setzen
                        30 = IMAGE
                        30.file = fileadmin/templates/images/cornerMaskTL.gif
                        30.align = l,t
 
                        # Die Maske für die Ecke oben rechts setzen
                        40 = IMAGE
                        40.file = fileadmin/templates/images/cornerMaskTR.gif
                        40.align = r,t
                }
        }
}

Es schaut so aus als könnte die Breite des dynamisch generierten Buttons nicht mit innerhalb von "5.mask {...}" genommen werden...

Ich wäre Euch sehr dankbar wenn Ihr mir helfen könntet. Denn ich bin mit meinem Latein am Ende...

MfG