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

target

Ziel

Ziel der Menülinks.

forceTypeValue

int

Wenn gesetzt, wird der &type-Parameter der Links ungeachtet des Ziels auf diesen Wert gesetzt.

noBlur

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

wrap

params

<img>-Parameter

main

»GIFBUILDER

Hauptkonfiguration der Imagemap. Dies erzeugt die "Unterlage" des Menüs.

dWorkarea

offset + calc

Hautpabstand der »GIFBUILDER-Elemente (wird auch distribution genannt).

[Menüzustände]

»IMGMENUITEM + .distrib

Dies sind die »TMENUITEM-Optionen für jede Menüelemente-Kategorie, die erzeugt wird.

BESONDERHEIT:
Vor dem Erzeugen der Menüelemente wird über die gesamte »GIFBUILDER-Konfiguration die »optionSplit-Funktion laufen gelassen.

.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.
Dies funktioniert dadurch, dass zwischen den »IMGMENUITEMs (subsets eines »GIFBUILDER-Objektes) WORKAREA-GifBuilder-Objekte hinzugefügt werden. Diese workarea gibt dann an, an welcher Stelle der Text ausgegeben werden soll.
Das x,y gibt den Abstand an, den das nächste Element haben wird (was in vielen Fällen die Breite des vorhergehenden sein wird), und v,h gibt die Maße des aktuellen Elementes an.
Beachten Sie dieses Beispiel, welches aus dem static_template template: MM entnommen wurde:

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.)

imgMapExtras

<AREA>-Tags

Zusätzliche <AREA>-Tags für die Imagemap.

debugRenumbered
Object

boolean

Wenn diese Eigenschaft gesetzt ist, wird die endgültige »GIFBUILDER-Konfiguration ausgegeben, damit Sie Ihre Konfiguration debuggen können.


Kommentare von registrierten Benutzern:

Kommentar von: sissi

08. 05. 2006, 13:18
hier ein funktionierendes imgmenu als beispiel:

Typoscript:Zeilennummerierung:  An / Aus

  1. temp.mainmenu = HMENU
  2. temp.mainmenu.special = list
  3. temp.mainmenu.special.value = 9,8,7,6,5,4
  4. temp.mainmenu.1 = IMGMENU
  5. temp.mainmenu.1 {
  6.   main.XY = 453,18
  7.   main.10 = IMAGE
  8.   main.10.file = fileadmin/styles/background_mainmenu.jpg
  9.   dWorkArea = 14,00
  10.   NO {
  11.   distrib = textX+14,00
  12.   5 = TEXT
  13.   5.text.field = title
  14.   5.fontColor = #ffffff
  15.   #5.fontFile = {$meta_bold}
  16.   5.fontSize = 12
  17.   5.offset = 0,16
  18.   #5.niceText = 1
  19.   5.text.case = upper
  20.   }
  21.   }


Profil

Kommentar von: Fabian-K

14. 10. 2005, 8:10
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

  1. ...
  2. NO {
  3.   20 = TEXT
  4.   20 {
  5.     # Festlegen, wie die Menuepunkte beschriftet und formatiert werden sollen.
  6.     text.field = title
  7.     fontFile = t3lib/fonts/arial.ttf
  8.     fontSize = 13
  9.     niceText = 1
  10.     # Eigenschaften des Image Maps.
  11.     imgMap {
  12.        # Festlegen, wieviele Pixel sich das IMGMAP ausdehnen soll um den Text.
  13.        explode = 2,2
  14.        # Festlegen des Alt-Textes fuer die Menuepunkte.
  15.        altText = text
  16.        altText.field = title
  17.     }
  18.   }
  19. }


Ich hoffe es hilft jemandemicon_smile.gif




Seite drucken
 
TYPO3 Version 4.2.2 testen

TYPO3 Ver. 4.2.2 testen

Testen Sie die neue TYPO3 Version 4.2.2 kostenlos für einen Monat

TYPO3 Bücher

TYPO3 Workshops


TYPO3 Einführungsschulung
in Berlin:
Montag, 17.11.
in Espelkamp:
Freitag, 08.12.

TYPO3 Intensivschulung
in Würzburg:
Mo., 27.10. - Mi., 29.10.
in Köln:
Mo., 10.11. - Mi., 12.11.
in Berlin:

Mi., 19.11. - Fr., 21.11.
in Espelkamp:

Mi., 10.12. - Fr., 12.12.

TYPO3 Extensionschulung
in Berlin:
Mo., 24.11. - Mi., 26.11.
in Espelkamp:
Mo., 15.12. - Mi., 17.12.