Ich habe ein GMENU bei dem ich NO und RO in einer unterschiedlichen Font rendern lasse. (NO - normale Schrift Futura, RO - fette Schrift Futura Bold) Alles funktioniert prima nur ist die Grafikgröße der beiden Zustände unterschiedlich.
Die NO Grafik ist Bsp. 103 x 34 Pixel. Die RO Grafik ist 110 x 34 Pixel. Dadurch erhalte ich den unschönen Effekt, dass die RO-Grafik beim Javascript Mouse Over verzerrt dargestellt wird. Ich habe schon alles mögliche probiert die Grafikgröße wird jedoch immer unterschiedlich generiert.
hat jemand eine Idee oder schon mal ein ähnliches Problem gehabt?
Hallo schiman !
Hast du sowas in deinem Setup ? :
...
1.NO.XY = 170, 22
...
1.RO.XY = 170, 22
...
Ansonsten hätten wir noch :
useLargestItemX boolean If set, then the width of all menuitems will be equal to the largest of them all.
useLargestItemY boolean If set, then the height of all menuitems will be equal to the largest of them all.
distributeX int+ If set, the total width of all the menuitems will be equal to this number of pixels by adding/subtracting an equal amount of pixels to each menu items width.
Will overrule any setting for ".useLargestItemX"
distributeY int+ If set, the total height of all the menuitems will be equal to this number of pixels by adding/subtracting an equal amount of pixels to each menu items height.
Will overrule any setting for ".useLargestItemY"
jenses
Mit viel probieren habe ich nun doch die Lösung gefunden. Die generierte Grafik bei NO und RO war aufgrund der Font (normal, Bold) unterschiedliche groß. dadurch habe ich beim Mouse Over eine verzerrte Grafik erhalten. Ich habe jetzt einfach die selbe Schrift zusätzlich bei NO mit der Hintergrundfarbe draufrendern lassen. dadurch sind beide Grafiken gleich groß und der unschöne Effekt ist verschwunden.
Hier der Code
NO.allWrap = <td><td height="34px"><table border=0 cellpadding=0 cellspacing=0 style="position:relative;top:-7;z-index:100;"><tr><td height="34px">|</td></tr></table></td>
NO{
imgParams = align=top
XY = [10.w]+40, 34
5 = IMAGE
5.file = fileadmin/template/img/menu_no.gif
5.file.width=400
11 = TEXT
11.text.field = nav_title // title
11.fontSize = 9
11.fontColor = #D7DDE0
11.fontFile = fileadmin/template/font/FutuLtIt.ttf
11.offset = 19,22
10 = TEXT
10.text.field = nav_title // title
10.fontSize = 8
10.fontColor = #8F989D
10.fontFile = fileadmin/template/font/FutuBdIt.ttf
10.offset = 19,22
}
RO = 1
RO.allWrap = <td height="34px"><table border=0 cellpadding=0 cellspacing=0 style="position:relative;top:-7;z-index:100;"><tr><td height="34px">|</td></tr></table></td>
RO{
XY = [10.w]+40, 34
5.offset = 17,0
5 = IMAGE
5.file = fileadmin/template/img/menu_ro_mitte.gif
5.file.width=400
7.offset = 0,0
7 = IMAGE
7.file = fileadmin/template/img/menu_ro_vorne.gif
7.file.width= 17
8.offset =[10.w]+23,0
8 = IMAGE
8.file = fileadmin/template/img/menu_ro_hinten.gif
8.file.width= 17
10 = TEXT
10.text.field = nav_title // title
10.fontSize = 8
10.fontColor = #FFFFFF
10.fontFile = fileadmin/template/font/FutuBdIt.ttf
10.offset = 19,22
}
}
Denselben Effekt hättest du aber auch haben können,
indem du bei "XY =" einen festen Wert für die Breite angibst.
So wie du es geschrieben hast "XY = [10.w]+40, 34" paßt sich
die Breite des Menüeintrages automatisch an die Textgröße an.
Aber vielleicht soll es bei dir ja so sein,
das die Menüpunkte unterschiedlich breit sind ??
viele Grüße
jenses
mit XY mit fester breit hätte ich die Buttons mit fester Breite definieren können. Die Menüpunkte sollten jedoch unterschiedlich breit sein (je nach Textlänge)