TYPO3 Grafisches Menü Anleitung

Hallo und Guten Tag!

In diesen Tutorial möchte ich euch zeigen wie man ein
Grafisches Menü (wie bei dieser Webseite) realisieren kann.

Wichtig ist hierfür ledeglich

  • FONT Datei am Server
  • Menü name (z.B. lib.mymenu)
  • Typoscript

Wir fangen einfach mal ganz einfach damit an.

Ledeglich auf dem Server die FONT Datei hochladen,
den Pfad in der TS anpassen, die TS Speichern und Fertig.

typoscript code (klick mich)

#########################
# MENÜ SEITE  EBENE 1                       #
#########################

lib.field_menu = HMENU
lib.field_menu.entryLevel = 0   #Legt die Tiefe der darstellung fest
lib.field_menu {
1 = GMENU
1 {
NO {
wrap = <span>|</span><br>
XY = 130,40                             #Breite und Höe
backColor = #000
10 = IMAGE
15 = TEXT
15.text.field = title
15.fontFile = fileadmin/fonts/SCHRIFT.ttf  #Pfad zum Font
15.fontSize = 30
15.fontColor = #ffffff
15.align = right
15.offset = 1,35
15.niceTEXT = 0
transparentBackground=1
transparentColor=#ffffaa
}
CUR < .NO
CUR{
15.fontCOLOR = #ffffff
15 < .15
}
RO < .NO
}
}

 

Das wars auch schon wieder! Mit diesen Code wird ein
Menü erstellt, mit der angegeben Schrift die Ihr auf
den Server geladen habt!