Dieses Snippet ist ein Beispiel für ein vertikales GMENU. Hier wird ein vertikales grafisches Menü mit Hintergrund Grafik erstellt. Beim Rollover werden das Hintergrundbild und die Schriftfarbe ausgetauscht.

temp.gmenu = HMENU
temp.gmenu.1 = GMENU
temp.gmenu.1 {
  NO {
    wrap = <div>|</div>
    XY =100,32
    5 = IMAGE
    5.file = fileadmin/samples/button.gif
    10 = TEXT
    10.niceText=1
    10.text.field = title
    10.fontFile = fileadmin/fonts/Agent_Orange.ttf
    10.offset=6,20
  }
   
  RO < .NO
  RO = 1
  RO.10.fontColor = #FFFFFF
  RO.5.file = fileadmin/samples/button_act.gif
}

Und so siehts aus

Hier sind die beiden Grafiken, die als Hintergrund verwendet werden.

Normal:

Rollover:

Die Font die in diesem GMENU verwendet wird kann von folgender Seite geladen werden. Übrings auf der Seite gibt es ca 6500 freie TTF Schriftarten.

http://www.webpagepublicity.com/free-fonts.html

Comments

Kurt, 13-03-09 08:16:

---

und wie füge ich bei diesem menu eine 2. ebene hinzu?
krieg das einfach nicht hin!!

danke für jeden tipp

Tom, 11-03-10 08:52:

---

Klasse, genau das was ich gebraucht habe.
Mit einer Einschränkung...
... wie kann ich jetzt den Text auf den Button zentrieren?
Jemand ne Idee?

Danke und bis dann,
Tom

PS: Leider ist der Link zu den Fonts nicht aktuell, bzw. die Seite nicht mehr zu erreichen.

Tom, 13-03-10 11:07:

---

Sorry,

natürlich mit align = center :-)

Tom

Add comment

* - required field

First name: *
Last name:
E-mail:
Enter the code:

*

Content: *