IMGMENU
Hintergrund:
Im IMGMENU werden Imagemaps dadurch erzeugt, dass basierend auf dem .main-»GIFBUILDER-Objekt ein großes Bild erzeugt wird, und dass die Eigenschaften der »GIFBUILDER-Objekte für die jeweiligen Zustände (NO, ACT, SPC,... usw.) hinzugefügt werden.
Eigenschaft | Datentyp | Beschreibung | Standard |
Ziel | Ziel der Menülinks. | ||
int | Wenn gesetzt, wird der &type-Parameter der Links ungeachtet des Ziels auf diesen Wert gesetzt. | ||
boolean | Normalerweise werden in Typo3 grafische Links defokussiert (engl blurred). Das blurring entfernt den häßlichen Kasten um einen angeklickten Link. Wenn diese Eigenschaft gesetzt ist, werden Links NICHT mit onFocus defokussiert. | ||
wrap | |||
<img>-Parameter | |||
Hauptkonfiguration der Imagemap. Dies erzeugt die "Unterlage" des Menüs. | |||
offset + calc | Hautpabstand der »GIFBUILDER-Elemente (wird auch distribution genannt). | ||
»IMGMENUITEM + .distrib | Dies sind die »TMENUITEM-Optionen für jede Menüelemente-Kategorie, die erzeugt wird. BESONDERHEIT: .distrib beschreibt (x,y,v,h + calc) der Einteilung der Menüelemente. Dies stellt eine Möglichkeit zur Verfügung, Elemente voneinander abzutrennen. Die Codes textX und textY können für die Breite und Höhe der jeweiligen Links verwendet werden. NO.distrib = textX+10,0,textX+10,textY+5 In der Zukunft mag TypoScript bessere Möglichkeiten, »GIFBUILDER-Objekte auf Imagemaps zu platzieren, anbieten. ImgMap wird in den Links automatisch benutzt! (Das bedeutet, dass die .imgMap-Eigenschaft der text-Objekte in den »GIFBUILDERn automatisch gesetzt wird, wenn sie noch nicht gesetzt ist.) | ||
<AREA>-Tags | Zusätzliche <AREA>-Tags für die Imagemap. | ||
boolean | Wenn diese Eigenschaft gesetzt ist, wird die endgültige »GIFBUILDER-Konfiguration ausgegeben, damit Sie Ihre Konfiguration debuggen können. |
Kommentare von registrierten Benutzern:
hier ein funktionierendes imgmenu als beispiel:
| Typoscript: | Zeilennummerierung: An / Aus |
- temp.mainmenu = HMENU
- temp.mainmenu.special = list
- temp.mainmenu.special.value = 9,8,7,6,5,4
- temp.mainmenu.1 {
- main.XY = 453,18
- main.10 = IMAGE
- main.10.file = fileadmin/styles/background_mainmenu.jpg
- dWorkArea = 14,00
- NO {
- distrib = textX+14,00
- 5 = TEXT
- 5.text.field = title
- 5.fontColor = #ffffff
- #5.fontFile = {$meta_bold}
- 5.fontSize = 12
- 5.offset = 0,16
- #5.niceText = 1
- 5.text.case = upper
- }
- }
Dummerweise wird nicht erklaert, wie man den Menuepunkten einen "altText" geben kann.
Da ich ne weile gebraucht habe es hinzubekommen, moechte ich euch diese Prozedur ersparen und poste mal meinen Beispiel-TS:
| Typoscript: | Zeilennummerierung: An / Aus |
- ...
- NO {
- 20 = TEXT
- 20 {
- # Festlegen, wie die Menuepunkte beschriftet und formatiert werden sollen.
- text.field = title
- fontFile = t3lib/fonts/arial.ttf
- fontSize = 13
- niceText = 1
- # Eigenschaften des Image Maps.
- imgMap {
- # Festlegen, wieviele Pixel sich das IMGMAP ausdehnen soll um den Text.
- explode = 2,2
- # Festlegen des Alt-Textes fuer die Menuepunkte.
- altText = text
- altText.field = title
- }
- }
- }
Ich hoffe es hilft jemandem
