EXTENSION FMENU VERSION BENUTZERHANDBUCH EXTENSION KEY: tom_fmenu COPYRIGHT 2007, THOMAS KROPF,

Transkript

2

4 2007 Thomas Kropf.

5 INHALT 6 Einleitung 6 Was macht die Extension? 7 Vorteile 8 Screenshots 12 Schnellstartanleitung 16 Benutzerhandbuch 16 Installation 16 Caching 17 Flash XML Export 18 XML Seitenbaumausgabe 20 Flash Menu 22 Flash Menu einbinden

6 EINLEITUNG WAS MACHT DIE EXTENSION? In Typo3 existiert derzeit keine Möglichkeit ein ansprechendes Aufklappmenü möglichst frei zu konfigurieren. Daher habe ich mich dieser Aufgabe im Zuge meiner Diplomarbeit Dynamische Webentwicklung mit Flash und Typo3 gewidmet. Die Extension stellt zwei Inhaltselemente zur Verfügung. Das Erste ist zum Export des Seitenbaumes aus Typo3 in XML und das Zweite ist zur komfortablen Anpassung des Menüs. Das Menü kann natürlich auch vollständig über TypoScript konfiguriert werden. Das Menü kann zwei Ebenen aufnehmen, d.h. es kann, je nach Einstellung, nach rechts, nach oben oder nach unten aufgeklappt werden. Für das Flash Menü (tom_fmenu) können der Hintergrund und die Schrift des Buttons frei vom Entwickler konfiguriert werden und es kann ein Normal, ein Rollover und ein Active Zustand erstellt werden. Für das Aufklappen des Menüs, sowie für den Rollover Effekt kann aus einem Pool von Animationen/Effekten gewählt werden. Gleichzeitig zum Flash Menü wird ein Alternativmenü im Quelltext erstellt, um die Suchmaschinenkompatibilität gewährleisten zu können und um ein ansprechendes Aufklappmenü anzeigen zu können, falls der Client (Webseitenbesucher) kein Flash (>=8.0.0) in seinem Browser installiert haben sollte. 6 FMENU Benutzerhandbuch

7 EINLEITUNG VORTEILE Anti Aliasing - Zu den Vorteilen zählt vor allem das Rendering des Textes. Durch das AntiAliasing von Flash können auch kleine Texte, sehr gut lesbar dargestellt werden. Ein großes Problem von GMENU/GMENU_LAYER wird damit behoben - da GMENU/ GMENU_LAYER den Text mit dem GifBuilder erstellt und auf diese Weise der Text nur in ungenügender Qualität dargestellt werden kann. Die Hintergrundgrafiken des Alternativmenüs werden zwar weiterhin durch den GIFBUILDER erzeugt, allerdings wird der Text über HTML/CSS formatiert und kann somit ebenso in wesentlich besserer Qualität dargestellt werden. Ein Menü mit zwei Ebenen war bisher mit Typo3 nur sehr schwer zu realisieren. Zwar gibt es die Möglichkeiten ein JavaScript Menü einzubinden oder GMENU_LAYER zu verwenden, allerdings sind diese beiden Möglichkeiten nur sehr begrenzt implementiert. GMENU_LAYER bietet zwar einige Möglichkeiten, ist aber weit entfernt von einer uneingeschränkten Benutzbarkeit (z.b. ist es unmöglich die Seite in Verbindung mit GMENU_LAYER mittig zu positionieren). tom_fmenu schließt genau diese Lücke indem man auf einfachem Wege ein vollständig valides und suchmaschinenfreundliches Menü mit zwei Ebenen erstellen kann. Effekte - Durch die Technologie von Flash können vordefinierte Effekte im Menü erzielt werden, die ausschließlich über das Backend von Typo3 gesteuert und justiert werden. Suchmaschinenoptimierung trotz Flash Menü - Da das komplette Menü als Alternativmenü immer miterstellt wird und somit immer im Quelltext steht, können Google und andere Suchmaschinen problemlos alle Seiten indizieren, obwohl das bei einem reinen Flash Menü nicht der Fall wäre. Das Alternativmenü wird allerdings nur angezeigt falls kein Flash im Browser des Benutzers installiert ist. Diese Steuerung geschieht über eine JavaScript Abfrage des Flash Plugins. EINLEITUNG EINLEITUNG 7

8 EINLEITUNG SCREENSHOTS Frontend Ausgabe FMENU auf 8 FMENU Benutzerhandbuch

9 EINLEITUNG Alternativmenü auf FMENU auf EINLEITUNG 9

10 EINLEITUNG SCREENSHOTS Backend Anpassungen Die Content Elemente XML Export und FlashMenue Allgemeine Anpassungen 10 FMENU Benutzerhandbuch

11 EINLEITUNG Anpassen der Rollover Effekte der ersten Ebene Erstellen des Hintergrundes der ersten Ebene EINLEITUNG 11

12 SCHNELLSTARTANLEITUNG TUTORIAL Schritt 1: Installation der Extension Als erstes muss die Extension mit dem Extension key tom_ FMENU mit Hilfe des Extension Managers installiert werden. Dazu einfach die t3x Datei auswählen, in die vorhandene Typo3 Installation laden und auf installieren gehen. Schritt 2: Seite für den XML Export Erstellen Sie nun eine Seite in Ihrem Menübaum, die Sie als Im Menü verstecken markieren sollten. Die Seite muss unter dem root Template erstellt werden, da sie sonst nicht angezeigt werden kann. Auf dieser Seite legen Sie ein neues Inhaltselement vom Typ Flash XML Export an. Dort können Sie den gewünschten Ausgangspunkt Ihres Menüs, die Anzahl der zu erstellenden Menüebenen und ob versteckte Seiten ebenfalls in XML ausgegeben werden sollen angeben. Wenn Sie anschließend die erstellte Seite im Browser anzeigen lassen müsste dies zu einer Anzeige, ähnlich der Anzeige im Bild rechts führen. Schritt 3: Caching der XML Seite deaktivieren Erstellen Sie auf der eben eingerichteten XML Seite ein Extension Template indem Sie auf Web->Template gehen und dort auf Click here to create an extension template. Geben Sie nun folgenden TypoScript Code ein: page.config.no_cache = true Hinweis: Bei page handelt es sich um Ihr erstelltes Seitenobjekt. Der Code kann daher, je nachdem wie Sie Ihre Seite benannt haben, abweichen. 12 FMENU Benutzerhandbuch

13 SCHNELLSTART der XML Ausgabe Ansicht des Seitenbaumes XML Ausgabe der Typo3 Baumstruktur SCHNELLSTART 13

14 SCHNELLSTARTANLEITUNG TUTORIAL Schritt 4: Seiteninhaltselement Flash Menu anlegen Um Ihr Menü konfigurieren zu können ist es am einfachsten die Einstellungen über das Flexform Inhaltselement Flash Menu vorzunehmen. Dieses Inhaltselement kann auf einer beliebigen Seite, die nicht angezeigt wird, erstellt werden. Im Reiter Allgemein müssen Sie nun Ihre XML Exportseite angeben (die in Schritt 2 erstellte Seite). Bei maximale Breite und maximale Höhe geben Sie die Maße Ihres Menüs an und bei Auswahl des Menüs können Sie angeben wie die Buttons angeordnet sein sollen. Tipp: Ich empfehle Ihnen diese Seite möglichst zentral zu wählen um die Menükonfiguration auch jederzeit schnell wieder aufzufinden. Ich habe dazu das Inhaltselement Flash Menu immer auf der Seite root (Siehe Menübaum oben) angelegt. Schritt 5: Einstellungen unter Allgemein Schritt 6: tom_fmenu einbinden Um das Menü auf Ihrer Seite anzuzeigen zu lassen müssen Sie nun einen Marker Ihrer Designvorlage mit dem eben erstellten Inhaltselement füllen. Ihr Code könnte folgendermaßen aussehen: page.10.marks{ MENUE = RECORDS MENUE { tables = tt_content source = 61 #id des Inhaltselementes dontcheckpid = 1 } } 14 FMENU Benutzerhandbuch

15 Schritt 7: Menü konfigurieren Gehen Sie zurück in das eben erstellte Inhaltselement Flash Menu. Dort können Sie Ihr Menü anpassen. Im Reiter Allgemein geben Sie Breite und Höhe des gesamten Menüs, sowie die Anordnung des Menüs an. Im Reiter Button Ebene1 und im Reiter Button Ebene2 können Sie den Hintergrund Ihrer Buttons konfigurieren. Wobei die Einstellungen die Sie in Button Ebene1 treffen automatisch für die zweite Menüebene übernommen werden, sofern Sie diese nicht überschreiben indem Sie abweichende Angaben im Reiter Button Ebene2 vornehmen. Sollen die Buttons der ersten und der zweiten Ebene identisch sein benötigen Sie den Reiter Button Ebene 2 nicht. Im Reiter Text Ebene1 und Text Ebene2 gilt das gleiche wie für den Hintergrund. Hier können Sie den Text der Buttons anpassen. Im Reiter Rollover Ebene1 und Rollover Ebene2 konfigurieren Sie die Rollover Effekte. Hier wird auch der Rollover Zustand angegeben. Im Reiter Active können Sie einen alternativen Zustand für den momentan aktiven Button erster Ebene definieren. Hinweis: Sofern Sie das Typo3 Caching während der Entwicklung nicht ausgeschalten haben müssen Sie, um Aktualisierungen des Menüs betrachten zu können, den FE Cache löschen. Schritt 8: Alternativmenü testen Im letzten Reiter Alternativ Menü können Sie das Alternativmenü anpassen und bei Bedarf, über Flash deaktivieren, anzeigen lassen. SCHNELLSTART SCHNELLSTART 15

16 BENUTZERHANDBUCH INSTALLATION - CACHING Im Benutzerhandbuch finden Sie einen Überblick über die Funktionen der Extension tom_fmenu. Installation Hinweis: Um die Funktionalitäten des Alternativmenüs nutzen zu können benötigen Sie auf Ihrem Server eine PHP Version größer Um die Extension zu installieren benutzen Sie einfach wie gewohnt den Extension Manager Ihrer Typo3 Installation. Caching Es ist unumgänglich das Typo3 Caching für die XML Ausgabeseite zu deaktivieren, da die XML Daten sonst nicht richtig geladen werden können. Um den Cache zu deaktivieren fügen Sie bitte folgende Zeile in Ihren TypoScript Code ein page.config.no_cache = true Diesen Code können Sie natürlich auch lediglich auf Ihrer XML Export Seite als Extension Template einfügen. So ist gewährleistet, dass das Typo3 Caching auf allen anderen Seiten wie gewohnt erhalten bleibt. Tipp: Ich empfehle Ihnen während der Entwicklung aus Testzwecken das gesamte Seitencaching zu deaktivieren, da Sie sonst bei jeder Aktualisierung den FE Cache des Systems löschen müssen. 16 FMENU Benutzerhandbuch

17 BENUTZERHANDBUCH FLASH XML EXPORT Bei dem XML Export Inhaltselement handelt es sich um die Ausgabe Ihrer Baumstruktur in XML. Das Flash XML Export Inhaltselement ist auf einer leeren Seite in Ihrem Seitenbaum einzufügen. Ich empfehle Ihnen die Seite im Menü zu verstecken, da sie sonst in der XML Ausgabe auch mit erscheinen würde. Eine Ausgabe von zusätzlichen Inhalten ist auf dieser Seite nicht möglich. Um das Inhaltselement auf Ihrer Seite einzufügen wählen Sie Ihre neu erstellte Seite aus, gehen Sie auf den Button Neuer Inhalt und wählen Sie im Bereich Plugins, das Flash XML Export Element aus. Um den Ausgangspunkt Ihrer Menüstruktur auszuwählen gehen Sie auf das Ordnersymbol bei Ausgangspunkt des Menüs und wählen Sie Ihre Ausgangseite aus. Hinweis: Die Ausgangsseite wird nicht im Menü aufgenommen. BENUTZERHANDBUCH Sie können über die Eingabefelder den Ausgangspunkt und die gewünschte Tiefe Ihres Menüs (eine oder zwei Ebenen) wählen. Weiterhin ist es möglich auch versteckte Seiten anzeigen zu lassen. Im Beispiel ist als Ausgangsseite die Seite menu1 ausgewählt. Folglich besteht die erste Ebene Ihres Menüs aus den Seiten Willkommen, Referenzen, Tipps und About Me. Das Menü mit obigen Einstellungen können Sie unter de ansehen. BENUTZERHANDBUCH 17

18 BENUTZERHANDBUCH XML AUSGABE Die XML Ausgabe des Seitenbaumes ist eigentlich unerheblich bei der Entwicklung des Menüs. Es sollte allerdings trotzdem geprüft werden ob alles funktioniert hat. Sofern Ihre XML Ausgabe (Browser Mozilla Firefox) ähnlich der hier im Bild dargestellten aussieht, hat der XML Export Ihres Seitenbaumes funktioniert. Natürlich ist die Ausgabe abhängig von Ihrer Seitenstruktur. Bei dem Beispiel handelt es sich um die Ausgabe der XML Struktur, der Seite Hinweis: Sie können Ihre XML Ausgabe natürlich auch im Internet Explorer ansehen. Hier wird diese allerdings lediglich im Quelltext angezeigt. Um sich die XML Ausgabe anzusehen wählen Sie einfach das Seitensymbol Ihrer XML Ausgabeseite mit der linken Maustaste und dann aus dem erscheinenden Kontextmenü Ansehen. 18 FMENU Benutzerhandbuch

19 BENUTZERHANDBUCH BENUTZERHANDBUCH 19

20 BENUTZERHANDBUCH FLASH MENU Das Flash Menu Inhaltselement dient der Ausgabe und der des Menüs. Dieses Inhaltselement ist prinzipiell an zwei Zielgruppen gerichtet. 1. Entwickler der Seite, die das Menü erstellen. 2. Redakteure der Seite, falls der Kunde wünscht Animationen, Hintergründe etc. anpassen zu können. Hinweis: Natürlich kann die zweite Option, dass Redakteure das Menü verändern können, über das Rechtemanagement von Typo3 deaktiviert werden. Sie können beliebig viele Menüs definieren und über die ID des Inhaltselementes auf der gewünschten Seite, im gewünschten Marker einfügen. Auf der Seite finden Sie ein Beispiel in dem das Menü bei jedem Hauptmenüpunkt eine andere Farbe hat. Um das Inhaltselement auf Ihrer Seite einzufügen wählen Sie die Seite aus auf der das Menü eingefügt werden soll, gehen Sie auf den Button Neuer Inhalt und wählen Sie unter Plugins, das Flash Menue Element aus. Wie Sie das Flash Menü in Ihre Designvorlage (Marker) einbinden lesen Sie bitte in Kapitel 3.6. FlashMenu einbinden. Das Inhaltselement kann auf einer beliebigen Seite, in einer beliebigen Spalte Ihres Seitenbaumes eingefügt werden. Tipp: Ich verwende hierzu die root Seite meiner Baumstruktur, da sich auf dieser Seite keine konkurrierenden Seiteninhalte befinden und sie an einer zentralen Position leicht auffindbar ist. Das Inhaltselement ist mit Flexforms gestaltet und besteht aus den insgesamt zehn Reitern: Allgemein, Button Ebene 1, Button Ebene 2, Text Ebene 1, Text Ebene 2, Rollover 1. Ebene, Rollover 2.Ebene, Rollout, Active und Alternativ Menü. Mehr zu den verschiedenen smöglichkei- 20 FMENU Benutzerhandbuch

21 ten finden Sie in Kapitel 4.. Alle Einstellungen die Sie in diesem Inhaltselement treffen, können optional über TypoScript angegeben werden. Wird eine Variable (Einstellung) über TypoScript definiert so überschreibt sie die Einstellung im Inhaltselement. Dies hat vor allem Vorteile falls Sie unterschiedliche Menüs in Ihrem Seitenbaum benötigen. Sie können so z.b. mit Hilfe eines Extension Templates die Farbe Ihrer Buttons für jeden Menüpunkt ändern, oder aber auch verschiedene Animationen verwenden. BENUTZERHANDBUCH BENUTZERHANDBUCH 21

22 BENUTZERHANDBUCH FLASH MENU EINBINDEN Um das Flash Menü auf allen Seiten anzeigen zu lassen müssen Sie das Inhaltselement Flash Menu über die entsprechende ID des Inhaltselementes einbinden. Weitere Anpassungen können aber auch über TypoScript vorgenommen werden. Inhaltselement Sie können das Menü als Flash Menu Inhaltselement anlegen und dieses Inhaltselement auf allen Seiten ausgeben lassen (empfohlene Variante). Um das Menü auf allen Seiten auszugeben wechseln Sie in das Template Ihrer Seite und öffnen Sie den Info/Modify Dialog. Anschließend erstellen Sie folgenden Code für den Marker Ihrer Designvorlage. page.10.marks{ MENUE = RECORDS MENUE { tables = tt_content source = 65 #id ihres Inhaltselementes dontcheckpid = 1 } } Hinweis: MENUE bezeichnet den Marker aus Ihrer Designvorlage. Dieser ist natürlich frei wählbar. Bei source geben Sie die ID des Inhaltselementes Flash Menu an, das Sie im Vorfeld erstellt haben. 22 FMENU Benutzerhandbuch

23 TypoScript Sie können Ihr Menü komplett mit TypoScript konfigurieren. Binden Sie dazu einfach das Inhaltselement Flash Menu wie eben beschrieben ein. Hinweis: Alle smöglichkeiten aus dem Inhaltselement Flash Menu stehen Ihnen ebenfalls als TypoScript Variablen zur Verfügung. z.b. TypoScript des Reiters Allgemein : mehr dazu finden Sie in Kapitel 4.. BENUTZERHANDBUCH plugin.tx_tomfmenu_pi2{ menu.maxwidth=692 menu.maxheight=200 menu.menurange=1 menu.data=32 } BENUTZERHANDBUCH 23

24 INHALTSELEMENT FLASH MENU Allgemeine Einstellungen Unter Allgemeine Einstellungen müssen Sie die im Vorfeld erstellte XML Ausgabeseite angeben auf der Sie das Inhaltselement Flash XML Export angelegt haben. Weiterhin können Sie hier die Breite und die Höhe, sowie die Anordnung Ihres Menüs einstellen. 24 FMENU Benutzerhandbuch

25 Eigenschaft: Typ: Beschreibung: Default: XML Ausgabeseite string, id Hier geben Sie Ihre im Vorfeld erstellte Seite an, auf der Sie das Content leer Element Flash XML Export eingerichtet haben. Um dies zu tun, wählen Sie das Ordnersymbol. In dem nun erscheinenden Kontextmenü wählen Sie aus dem Seitenbaum die Seite mit den XML Daten aus. Im Beispiel ist dies die Seite mit der ID 9. Bei Ihnen wird die Seite höchstwahrscheinlich eine andere ID haben. Maximale Breite Maximale Höhe string, zahl px Höhe und Breite des Menüs. Der DIV Tag in dem Sie Ihren Marker definieren, sollte vorzugsweise die 700, 200 gleichen Werte für Breite und Höhe haben. Hinweis: Hier geben Sie einen Gesamtwert an, also je nach Ausrichtung zum Beispiel die maximale Höhe des Menüs bei aufgeklapptem Zustand. Anordnung string, zahl 0,1,2 Wählen Sie aus drei Optionen, wie Ihr Menü angeordnet sein soll. Je ein Beispiel zu den Anordnungen nach oben aufklappbar und nach unten aufklappbar finden Sie auf Seite

26 INHALTSELEMENT FLASH MENU Button Hintergrund 1.Ebene Unter Button Ebene 1 können Sie alle Einstellungen für den Hintergrund der Buttons erster Ebene treffen. Sie können ein Hintergrundbild, Breite und Höhe des Buttons, abgerundete Ecken, den Abstand zum nächsten Button, die Transparenz des Buttonhintergrundes und die Farbe des Buttons definieren. 26 FMENU Benutzerhandbuch

27 Eigenschaft: Typ: Beschreibung: Default: Hintergrundbild string Hintergrundbild der Buttons. Wird ein Bild angegeben werden die leer jpg, png, gif Eingaben bei Farbe und bei Abgerundete Ecken nicht berücksichtigt. Dennoch als Pflichtfelder anzugeben sind Breite und Höhe des Button (Maße Ihres Bildes). Breite, Höhe string, zahl,px Höhe und Breite Ihres Buttons. Beides sind Pflichtfelder. 120, 24 Abgerundete Ecken string, zahl, 0-29 Sie können für Ihre Buttons abgerundete Ecken erstellen. Hier definieren 0 Sie den Radius der Abrundung. Dieser Wert wird beim Alternativmenü nicht berücksichtigt. Abstand zum nächsten string, zahl Abstand zum nächsten Button. Bei einer horizontalen Ausrichtung in x- leer, 0 Button px Richtung und bei einer vertikalen Ausrichtung in y-richtung. Alpha / Transparenz string, zahl Transparenz der Buttons. Von 0 (durchsichtig) bis 100 (undurchsichtig). leer, Dieser Wert wird beim Alternativmenü nicht berücksichtigt. Farbe string # #FFFFFF Farbe der Buttons. Der Wert wird nur benötigt falls kein Hintergrundbild angegeben wurde. Sofern Sie keinen Wert eingeben bleibt der Hintergrund der Buttons transparent. Sie können zur Auswahl der Farbe auch den Color-Picker Wizard benutzen indem Sie auf das Farbfeld klicken, aus dem Kontextmenü eine Farbe wählen und mit speichern bestätigen. #cc

28 INHALTSELEMENT FLASH MENU Button Hintergrund 2.Ebene WICHTIG: Grundsätzlich werden alle Einstellungen aus den Werten von Button Ebene 1 übernommen. Das heißt sofern Ihre Buttons erster und zweiter Ebene identisch sein sollen, brauchen Sie hier nichts einzustellen. Alle Einstellungen die Sie hier treffen, überschreiben den Wert aus Button Ebene 1, für den Button zweiter Ebene. Tipp: Bei den Buttons zweiter Ebene entfällt die Eingabe für einen Abstand, um dennoch einen Abstand zwischen den Buttons zu erzeugen müssen Sie ein Hintergrundbild definieren und bei Höhe die Höhe des Bildes + Abstand zum nächsten Button eingeben. Zum Beispiel Ihr Bild ist 26px hoch und Sie wollen einen Abstand von 5px zwischen Ihren Buttons - also geben Sie bei Höhe 131px an. 28 FMENU Benutzerhandbuch

29 Eigenschaft: Typ: Beschreibung: Default: Hintergrundbild string jpg, png, gif Wird ein Hintergrundbild für den Button angegeben werden die Eingaben bei Farbe und bei Abgerundete Ecken nicht berücksichtigt. Dennoch als Pflichtfelder anzugeben sind Breite und Höhe des Button (Maße Ihres Bildes), sofern diese nicht identisch zu den Maßen aus Button Ebene 1 sind. leer Breite Höhe string, zahl px Höhe und Breite der Buttons. Beides sind Pflichtfelder, sofern diese nicht identisch zu den Maßen aus Button Ebene 1 sind. Abgerundete Ecken string, zahl Sie können für Ihre Buttons abgerundete Ecken erstellen. Hier definieren 0-29 Sie den Radius der Abrundung. Dieser Wert wird beim Alternativmenü nicht berücksichtigt. Alpha / Transparenz string, zahl Transparenz der Buttons. Von 0 (durchsichtig) bis 100 (undurchsichtig) Dieser Wert wird beim Alternativmenü nicht berücksichtigt. Farbe string Farbe der Buttons. Der Wert wird nur benötigt falls kein Hintergrundbild # angegeben wurde. Sofern Sie keinen Wert eingeben bleibt der Hintergrund #FFFFFF Ihres Buttons transparent. Sie können zur Auswahl der Farbe auch den Color-Picker Wizard benutzen indem Sie auf das Farbfeld klicken, aus dem Kontextmenü eine Farbe wählen und mit speichern bestätigen. 120, 24 0 leer leer 29

30 INHALTSELEMENT FLASH MENU Text 1. Ebene In diesem Reiter können Sie alle Einstellungen für den Text auf den Buttons erster Ebene treffen. Auch hier werden die Einstellungen für die Buttons zweiter Ebene übernommen sofern Sie unter Text Ebene 2 keine Änderungen vornehmen. Sie können Schriftart, Schriftgröße, Schriftausrichtung, x- und y- Offset, Rotation des Textes und Schriftfarbe einstellen. 30 FMENU Benutzerhandbuch

31 Eigenschaft: Typ: Beschreibung: Default: Schriftart string Schriftart der Buttons. Zur Zeit stehen aus Performance Gründen nur Arial Arial, Times, Verdana drei Schriften zur Auswahl: Helvetica/Arial, Verdana und Times. Schriftgröße string, zahl Wählen Sie hier eine Schriftgröße aus. Die Schriftgröße ist von 8-50 frei 10 px wählbar. Ausrichtung/Align string der Ausrichtung der Schrift. left left-center-right y-offset string, zahl Zur genauen Positionierung der Schrift auf den Buttons können Sie den leer px yoffset beeinflussen und somit den Text weiter nach unten verschieben. x-offset string, zahl Zur genauen Positionierung der Schrift auf den Buttons können Sie den leer px xoffset beeinflussen und somit den Text weiter nach rechts verschieben. Textdrehung string Dreht Ihren Text um 90 bzw. -90 Grad. Diese Funktion wird beim Alternativmenü nicht berücksichtigt. Der Einsatz einer Textdrehung ist somit nicht empfehlenswert. Schriftfarbe string # #FFFFFF Farbe der Schrift. Sie können zur Auswahl der Farbe auch den Color- Picker Wizard benutzen indem Sie auf das Farbfeld klicken, aus dem Kontextmenü eine Farbe wählen und mit speichern bestätigen. #

32 INHALTSELEMENT FLASH MENU Text 2. Ebene des Textes auf den Buttons zweiter Ebene. Hier definieren Sie Schriftart, Schriftgröße, Schriftausrichtung, x- und y- Offset und die Textfarbe für die zweite Menüebene. Hinweis: Auch hier gilt, dass die Einstellungen aus Text Ebene 1 übernommen werden. Falls Sie Änderungen in diesem Reiter vornehmen, werden die Einstellungen aus Text Ebene 1 für die Buttons zweiter Ebene überschrieben. 32 FMENU Benutzerhandbuch

33 Eigenschaft: Typ: Beschreibung: Default: Schriftart string Auswahl der Schriftart Arial Arial, Verdana, Times Schriftgröße string, zahl, px Auswahl der Schriftgröße 10 Ausrichtung/Align string der Ausrichtung der Schrift. left left-center-right y-offset string, zahl Zur genauen Positionierung der Schrift auf Ihren Button können leer px Sie den y-offset beeinflussen und somit den Text weiter nach unten verschieben. x-offset string, zahl Zur genauen Positionierung der Schrift auf Ihren Button können leer px Sie den x-offset beeinflussen und somit den Text weiter nach rechts verschieben. Schriftfarbe string, # bis #FFFFFF Schriftfarbe #

34 INHALTSELEMENT FLASH MENU Rollover 1. Ebene In diesem Reiter definieren Sie alle Aktionen, die ausgelöst werden wenn der Benutzer mit der Maus über einen Button erster Ebene geht. 34 FMENU Benutzerhandbuch

35 Eigenschaft: Typ: Beschreibung: Default: 2. Ebene aufklappen string Animation für das Aufklappen der zweiten Menüebene fade and drive in: die zweite Menüebene fährt aus der ersten Ebene fade and drive in heraus und fadet ein (Alphawert von 0 auf 100). drive in: die zweite Menüebene fährt aus der ersten Ebene heraus. show: die zweite Menüebene wird ohne Animation angezeigt. fade in: die zweite Menüebene fadet ein. Rollover string, zahl Geschwindigkeit der Animation für das Anzeigen der zweiten Menüebene. 24 Geschwindigkeit 1-30 Von 1-langsam bis 30-schnell. Hintergrund Rollover string Animation für den Rollover Effekt des Buttonhintergrundes. Tritt nur ein falls ein Wert bei Alpha, Farbe oder Rollover Bild definiert wird. fade in and out fade in and out: Blendet gleichzeitig den Normal Zustand des Buttons aus und den Rollover Zustand ein show: blendet den Rollover Zustand ohne Animation ein. Hintergrund Rollover string, zahl 1-30 Geschwindigkeit der Animation für den Rollover Effekt des Buttonhintergrundes von 1-langsam bis 30-schnell. 24 Geschwindigkeit 35

36 INHALTSELEMENT FLASH MENU Eigenschaft: Typ: Beschreibung: Default: Rollover Bild string Definiert ein Bild, dass bei Rollover angezeigt werden soll. Wird ein Bild leer png, gif, jpg angegeben entfällt die Einstellungsmöglichkeit Farbe. Alpha/Transparenz string, zahl Sofern dieser Wert von dem Wert aus Button Ebene 1 abweicht fadet der leer, Button bei Rollover auf den angegeben Wert. Farbe string Farbe des Buttons bei Rollover. leer # #FFFFFF Text Rollover string Animation für den Rollover Effekt des Buttontextes. Tritt nur ein falls ein Wert bei Schriftgröße oder Schriftfarbe definiert wird. fade in and out fade in and out: blendet gleichzeitig den Normal Zustand des Textes aus und den Rollover Zustand ein. show: blendet den Rollover Zustand ohne Animation ein. Text Rollover Geschwindigkeit string, zahl 1-30 Geschwindigkeit der Animation für den Rollover Effekt des Textes von 1-langsam bis 30-schnell FMENU Benutzerhandbuch

37 Eigenschaft: Typ: Beschreibung: Default: Schriftgröße string, zahl px Schriftgröße für den Rollover Zustand. Wird hier keine Auswahl getroffen, so wird die Schriftgröße aus Text Ebene 1 übernommen. keine Änderung Schriftfarbe string # #FFFFFF Schriftfarbe für den Rollover Zustand des Buttons. Wird hier keine Auswahl getroffen wird der Wert aus Text Ebene 1 übernommen. leer 37

38 INHALTSELEMENT FLASH MENU Rollover 2. Ebene In diesem Reiter definieren Sie alle Rollover Eigenschaften der Buttons in der zweiten Menüebene. 38 FMENU Benutzerhandbuch

39 Eigenschaft: Typ: Beschreibung: Default: Hintergrund Rollover string Animation für den Rollover Effekt des Buttonhintergrundes. Tritt nur ein falls ein Wert bei Alpha, Farbe oder Rollover Bild definiert wird. fade in and out fade in and out: Blendet gleichzeitig den Normal Zustand des Buttons aus und den Rollover Zustand ein. show: blendet den Rollover Zustand ohne Animation ein. Hintergrund Rollover string, zahl 1-30 Geschwindigkeit der Animation für den Rollover Effekt des Buttonhintergrundes von 1-langsam bis 30-schnell. 24 Geschwindigkeit Rollover Bild string Definiert ein Bild, dass bei Rollover angezeigt werden soll. Wird ein Bild leer Alpha/Transparenz Farbe png, gif, jpg string, zahl string angegeben entfällt die Einstellungsmöglichkeit Farbe. Sofern dieser Wert von dem Wert aus Button Ebene 2 abweicht fadet der Button bei Rollover auf den angegeben Wert. Farbe des Buttons bei Rollover. leer, 100 leer # #FFFFFF 39

40 INHALTSELEMENT FLASH MENU Eigenschaft: Typ: Beschreibung: Default: Text Rollover string Animation für den Rollover Effekt des Buttontextes. Tritt nur ein falls ein Wert bei Schriftgröße oder Schriftfarbe definiert wird. fade in and out fade in and out: Blendet gleichzeitig den Normal Zustand des Textes aus und den Rollover Zustand ein. show: blendet den Rollover Zustand ohne Animation ein. Text Rollover string, zahl Geschwindigkeit der Animation für den Rollover Effekt des Textes von 24 Geschwindigkeit langsam bis 30-schnell. Schriftgröße string, zahl px Schriftgröße für den Rolloverzustand. Wird hier keine Auswahl getroffen, so wird die Schriftgröße aus Text Ebene 2 übernommen. keine Änderung Schriftfarbe string # #FFFFFF Schriftfarbe für den Rolloverzustand des Buttons. Wird hier keine Auswahl getroffen wird der Wert aus Text Ebene 2 übernommen. leer 40 FMENU Benutzerhandbuch

41 Rollout Unter dem Reiter Rollout können Sie die Geschwindigkeit der Animation anpassen, die für das einklappen des Menüs in Rollover 1.Ebene ausgewählt wurde. Eigenschaft: Typ: Beschreibung: Default: Rollout string, zahl Geschwindigkeit der Animation für den Rollout Effekt beim Einklappen des 24 Geschwindigkeit 1-30 Menüs - von 1-langsam bis 30-schnell. 41

42 INHALTSELEMENT FLASH MENU Active Treffen Sie hier Einstellungen, für das Verhalten Ihres Menüs, wenn ein Button gerade aktiv ist. Die hier getroffenen Einstellungen wirken sich nur auf Buttons erster Ebene aus. 42 FMENU Benutzerhandbuch

43 Eigenschaft: Typ: Beschreibung: Default: Soll das aktive Untermenü ausgeklappt boolean Ist diese Funktion aktiviert, wird Ihr aktuell aktives Untermenü automatisch ausgeklappt, wenn der Benutzer eine Seite aus false 0 werden? Ihrem Menü aufruft. Aktives Untermenü immer ausgeklappt boolean Deaktiviert den Rollout Effekt des Untermenüs für den aktiven Seitenbereich. Ihr aktives Untermenü wird somit immer angezeigt false 0 lassen? und kann nicht eingeklappt werden. Active Zustand aktivieren? boolean Der derzeit aktive Button erster Ebene kann optisch von den anderen Buttons abgegrenzt werden. Rollover und Rollout Zustand false 0 des aktiven Buttons werden hierzu deaktiviert. Die folgenden Einstellungen Active Bild, Alpha/Transparenz, Farbe, Schriftgröße und Schriftfarbe werden nur berücksichtigt sofern Sie diese Eigenschaft aktivieren. Active Bild string png, gif, jpg Alternatives Bild für den derzeit aktiven Button. Wird ein Bild angegeben werden die Einstellungen unter Farbe nicht berücksichtigt. leer 43

44 INHALTSELEMENT FLASH MENU Eigenschaft: Typ: Beschreibung: Default: Alpha/Transparenz string, zahl Die Transparenz des aktiven Buttons - von 0 (durchsichtig) bis leer, (undurchsichtig). Farbe string # #FFFFFF Die Farbe des aktiven Buttons. Wirkt sich nur aus, sofern Sie kein Active Bild angegeben haben. Geben Sie keine Farbe an, so wird der Wert aus Button Ebene 1 übernommen. leer Farbe Button Ebene 1 Schriftgröße string, zahl, px Die Schriftgröße auf dem aktiven Button. keine Änderung Schriftfarbe string # #FFFFFF Schriftfarbe für den Active Zustand des Buttons. Wird hier keine Auswahl getroffen wird der Wert aus Text Ebene 1 übernommen. leer Schriftfarbe Text Ebene 2 Hinweis: Die Einstellungen bei Active Bild, Alpha/Transparenz, Farbe, Schriftgröße und Schriftfarbe werden nur berücksichtigt, sofern Sie ein Häkchen bei Active Zustand aktivieren gesetzt haben. 44 FMENU Benutzerhandbuch

45 Alternativ Menü Hinweis: Um das Alternativmenü korrekt ausgeben zu können muss mindestens PHP auf Ihrem Server installiert sein. Das Alternativmenü ist fester Bestandteil der Extension und wird immer erstellt. Sofern in dem Browser des Benutzers kein Flash aktiviert ist, wird das Alternativmenü ausgegeben, andernfalls wird zwar das Flash Menü ausgegeben, dass Alternativmenü wird aber dennoch im Quelltext erzeugt um eine optimale Suchmaschinenfreundlichkeit gewährleisten zu können. Prinzipiell müssen Sie sich um die Formatierung des Alternativmenüs keine Gedanken machen. Allerdings gibt es einige Einschränkungen. So können runde Ecken und Transparenzen nicht erzeugt werden. Dies können Sie korrigieren indem Sie ein Bild für die Buttons des Alternativmenüs angeben. Um das Alternativmenü anzusehen, zu überprüfen und zu korrigieren können Sie Flash deaktivieren. 45

46 INHALTSELEMENT FLASH MENU Eigenschaft: Typ: Beschreibung: Default: Flash deaktivieren? boolean Mit dieser Funktion können Sie die Ausgabe des Menüs in Flash deaktivieren, um das Alternativmenü anzeigen zu lassen. false 0 Alternatives Hintergrundbild für 1.Ebene boolean Aktiviert das Bild für die Buttons erster Ebene im Alternativmenü. Ist diese Funktion nicht aktiviert, wird das Alternativbild nicht berücksichtigt false 0 verwenden und aus den in Button Ebene 1 angegebenen Parametern erstellt. Alternatives Hintergrundbild string Bild für die Buttons erster Ebene im Alternativmenü. leer für 1.Ebene png, gif, jpg Dieses Bild wird nur benötigt sofern Sie die Funktionen Alpha/ Transparenz und abgerundete Ecken bei Button Ebene 1 verwenden. Wird nur berücksichtigt sofern Alternatives Hintergrundbild für 1.Ebene verwenden aktiviert wurde. Alternatives Hintergrundbild für 2.Ebene verwenden boolean Aktiviert das Bild für die Buttons zweiter Ebene im Alternativmenü. Ist diese Funktion nicht aktiviert, wird das Alternativbild nicht berücksichtigt und aus den in Button Ebene 2 angegebenen Parametern erstellt. false 0 46 FMENU Benutzerhandbuch

47 Eigenschaft: Typ: Beschreibung: Default: Alternatives Hintergrundbild für 2.Ebene string png, gif, jpg Bild für die Buttons zweiter Ebene im Alternativmenü. Dieses Bild wird nur benötigt sofern Sie die Funktionen Alpha/ Transparenz und abgerundete Ecken bei Button Ebene 2 verwenden. Wird nur berücksichtigt sofern Alternatives Hintergrundbild für 2.Ebene verwenden aktiviert wurde. leer 47

48 TYPOSCRIPT Alle Einstellungsmöglichkeiten von tom_fmenu stehen Ihnen auch als TypoScript Variablen zu Verfügung. Die mit TypoScript getroffenen Einstellungen überschreiben die Einstellungen aus dem Flash Menu Inhaltselement Allgemeine Einstellungen Eigenschaft: Typ: Beschreibung: menu.data string, id ID Ihrer im Vorfeld erstellten Seite, auf der Sie das Inhaltselement Flash XML Export eingerichtet haben. z.b. menu.data=25 menu.maxwidth string, zahl Maximale Breites Ihres Menüs. Diese sollte der Ihrer in der Designvorlage definierten Breite entsprechen. menu.maxheight string, zahl Maximale Höhe Ihres Menüs. Diese sollte der Ihrer in der Designvorlage definierten Höhe entsprechen. menu.menurange string, zahl Mit menurange definieren Sie die Anordnung Ihres Menüs. 0 = nach unten ausklappbar 1 = nach oben ausklappbar 2 = nach rechts ausklappbar 48 FMENU Benutzerhandbuch

49 Button Hintergrund 1.Ebene Eigenschaft: Typ: Beschreibung: menu.layer1.back.image string relativer Pfad Wird ein Hintergrundbild für den Button angegeben, werden die Eingaben bei color und bei edge nicht berücksichtigt. Dennoch als Pflichtfelder anzugeben sind width und height der Buttons (Maße Ihres Bildes). z.b. menu.layer1.back.image=fileadmin/button.gif menu.layer1.back.width string, zahl, px Breite der Buttons. Pflichtfeld. z.b. menu.layer1.back.width=126 menu.layer1.back.height string, zahl, px Höhe Ihres Buttons. Pflichtfeld. z.b. menu.layer1.back.height=26 menu.layer1.back.edge string, zahl, px Sie können für Ihre Buttons abgerundete Ecken erstellen. Hier definieren Sie den Radius der Abrundung. Dieser Wert wird beim Alternativmenü nicht berücksichtigt. menu.layer1.back.space string, zahl, px Abstand zum nächsten Button. Bei einer horizontalen Ausrichtung in x-richtung und bei einer vertikalen Ausrichtung in y-richtung. menu.layer1.back.alpha string, zahl Transparenz der Buttons. Von 0 (durchsichtig) bis 100 (undurchsichtig). Dieser Wert wird beim Alternativmenü nicht berücksichtigt. 49

50 TYPOSCRIPT Eigenschaft: Typ: Beschreibung: menu.layer1.back.color string # #FFFFFF Farbe der Buttons. Der Wert wird nur benötigt falls kein Hintergrundbild angegeben wurde. Sofern Sie keinen Wert eingeben bleibt der Hintergrund Ihrer Buttons transparent. 50 FMENU Benutzerhandbuch

51 2.3. Button Hintergrund 2.Ebene Eigenschaft: Typ: Beschreibung: menu.layer2.back.image string relativer Pfad Wird ein Hintergrundbild für den Button angegeben, werden die Eingaben bei Farbe und bei Abgerundete Ecken nicht berücksichtigt. Dennoch als Pflichtfelder anzugeben sind Breite und Höhe des Button (Maße Ihres Bildes), sofern diese nicht identisch zu den Maßen aus Button Ebene 1 sind. menu.layer2.back.width string, zahl, px Breite der Buttons. Pflichtfeld, sofern nicht identisch zu der Breite aus Button Ebene 1. menu.layer2.back.height string, zahl, px Höhe der Buttons., sofern nicht identisch zu der Breite aus Button Ebene 1. menu.layer2.back.edge string, zahl, px Sie können für Ihre Buttons abgerundete Ecken erstellen. Hier definieren Sie den Radius der Abrundung. Dieser Wert wird beim Alternativmenü nicht berücksichtigt. menu.layer2.back.alpha string, zahl Transparenz der Buttons. Von 0 (durchsichtig) bis 100 (undurchsichtig). Dieser Wert wird beim Alternativmenü nicht berücksichtigt. menu.layer2.back.color string # #FFFFFF Farbe der Buttons. Der Wert wird nur benötigt falls kein Hintergrundbild angegeben wurde. Sofern Sie keinen Wert eingeben bleibt der Hintergrund Ihres Buttons transparent. 51

52 TYPOSCRIPT Text 1. Ebene Eigenschaft: Typ: Beschreibung: menu.layer1.text.font string, Helvetica, Schriftart der Buttons. Verdana, Times menu.layer1.text.fontsize string, zahl Schriftgröße menu.layer1.text.align string right, center, left Ausrichtung der Schrift menu.layer1.text.yoffset string, zahl, px Versatz nach unten menu.layer1.text.xoffset string, zahl, px Versatz nach rechts menu.layer1.text.rotation Drehung der Schrift menu.layer1.text.color string # bis #FFFFFF Schriftfarbe 52 FMENU Benutzerhandbuch

53 Text 2. Ebene Eigenschaft: Typ: Beschreibung: menu.layer2.text.font string, Helvetica, Verdana, Schriftart der Buttons. Times menu.layer2.text.fontsize string, zahl Schriftgröße menu.layer2.text.align string right, center, left Ausrichtung der Schrift menu.layer2.text.yoffset string, zahl, px Versatz nach unten menu.layer2.text.xoffset string, zahl, px Versatz nach rechts menu.layer2.text.color string # bis #FFFFFF Schriftfarbe 53

54 TYPOSCRIPT Rollover 1.Ebene Eigenschaft: Typ: Beschreibung: menu.rollover.animation. type string fadedrive, drive, show, fade Animation für das Aufklappen der zweiten Menüebene fadedrive: die zweite Menüebene fährt aus der ersten Ebene heraus und fadet ein (Alphawert von 0 auf 100). drive: die zweite Menüebene fährt aus der ersten Ebene heraus. show: die zweite Menüebene wird ohne Animation angezeigt. fade: die zweite Menüebene fadet ein. menu.rollover.animation.speed string, zahl, 1-30 Geschwindigkeit der Animation für das Anzeigen der zweiten Menüebene. Von 1-langsam bis 30-schnell. menu.rollover.layer1. backanimation string Animation für den Rollover Effekt des Buttonhintergrundes. Tritt nur ein falls ein Wert bei alpha, color oder image definiert wird. fadeinandout: Blendet gleichzeitig den Normal Zustand des Buttons aus und den Rollover Zustand ein. show: blendet den Rollover Zustand ohne Animation ein. menu.rollover.layer1. backspeed string, zahl, 1-30 Geschwindigkeit der Animation für das Anzeigen der zweiten Menüebene. Von 1-langsam bis 30-schnell. 54 FMENU Benutzerhandbuch

55 Eigenschaft: Typ: Beschreibung: menu.rollover.layer1. image string pfad png, gif, jpg Definiert ein Bild, dass bei Rollover angezeigt werden soll. Wird ein Bild angegeben entfällt die Einstellungsmöglichkeit color. menu.rollover.layer1. alpha string, zahl Sofern dieser Wert von dem Wert aus Button Ebene 1 abweicht fadet der Button bei Rollover auf den angegeben Wert. menu.rollover.layer1. string, # Farbe des Buttons bei Rollover color bis #FFFFFF menu.rollover.layer1. textanimation string fadeinandout, show Animation für den Rollover Effekt des Buttontextes. Tritt nur ein falls ein Wert bei fontsize oder fontcolor definiert wird. fadeinandout: Blendet gleichzeitig den Normal Zustand des Textes aus und den Rollover Zustand ein. show: blendet den Rollover Zustand ohne Animation ein. menu.rollover.layer1.textspeed string, zahl 1-30 Geschwindigkeit der Animation für den Rollover Effekt des Textes von 1-langsam bis 30-schnell. menu.rollover.layer1.fontsize string, zahl, px Schriftgröße für den Rollover Zustand. menu.rollover.layer1. fontcolor string # bis #FFFFFF Schriftfarbe für den Rollover Zustand des Buttons. 55

56 TYPOSCRIPT Rollover 2. Ebene Eigenschaft: Typ: Beschreibung: menu.rollover.layer2. backanimation string Animation für den Rollover Effekt des Buttonhintergrundes. Tritt nur ein falls ein Wert bei alpha, color oder image definiert wird. fadeinandout: Blendet gleichzeitig den Normal Zustand des Buttons aus und den Rollover Zustand ein. show: blendet den Rollover Zustand ohne Animation ein. menu.rollover.layer2.back- Speed string, zahl 1-30 Geschwindigkeit der Animation für das Anzeigen der zweiten Menüebene. Von 1-langsam bis 30-schnell. menu.rollover.layer2.image string pfad png, gif, jpg Definiert ein Bild, dass bei Rollover angezeigt werden soll. Wird ein Bild angegeben entfällt die Einstellungsmöglichkeit color. menu.rollover.layer2.alpha string, zahl Sofern dieser Wert von dem Wert aus Button Ebene 1 abweicht fadet der Button bei Rollover auf den angegeben Wert. menu.rollover.layer2.color string # bis #FFFFFF Farbe des Buttons bei Rollover. 56 FMENU Benutzerhandbuch

57 Eigenschaft: Typ: Beschreibung: menu.rollover.layer2. textanimation string Animation für den Rollover Effekt des Buttontextes. Tritt nur ein falls ein Wert bei fontsize oder fontcolor definiert wird. fadeinandout: Blendet gleichzeitig den Normal Zustand des Textes aus und den Rollover Zustand ein. show: blendet den Rollover Zustand ohne Animation ein. menu.rollover.layer2. textspeed string, zahl 1-30 Geschwindigkeit der Animation für den Rollover Effekt des Textes von 1-langsam bis 30-schnell. menu.rollover.layer2.fontsize string, zahl Schriftgröße für den Rollover Zustand. px menu.rollover.layer2. fontcolor string # bis #FFFFFF Schriftfarbe für den Rollover Zustand des Buttons. 57

58 TYPOSCRIPT Rollout Eigenschaft: Typ: Beschreibung: menu.rollout.animation. string, zahl Geschwindigkeit der Animation für den Rollout Effekt beim Einklappen des speed 1-30 Menüs - von 1-langsam bis 30-schnell Active Eigenschaft: Typ: Beschreibung: menu.active. activerollover boolean 0 1 Ist diese Funktion aktiviert, wird Ihr aktuell aktives Untermenü automatisch ausgeklappt, wenn der Benutzer eine Seite aus Ihrem Menü aufruft. menu.active. activeshow boolean 0 1 Deaktiviert den Rollout Effekt des Untermenüs für den aktiven Seitenbereich. Ihr aktives Untermenü wird so immer angezeigt und kann nicht eingeklappt werden. 58 FMENU Benutzerhandbuch

59 Eigenschaft: Typ: Beschreibung: menu.active. active boolean 0 1 Der derzeit aktive Button erster Ebene kann optisch von den anderen Buttons abgegrenzt werden. Rollover und Rollout Zustand des aktiven Buttons werden hierzu deaktiviert. Die folgenden Einstellungen image, alpha, color, fontsize und fontcolor werden nur berücksichtigt sofern Sie diesen Wert auf 1 setzen. menu.active. image string pfad png, gif, jpg Alternatives Bild für den derzeit aktiven Button. Wird ein Bild angegeben werden die Einstellungen unter color nicht berücksichtigt. menu.active. alpha string, zahl Die Transparenz des aktiven Buttons - von 0 (durchsichtig) bis 100 (undurchsichtig). menu.active. color string # bis #FFFFFF Die Farbe des aktiven Buttons. Wirkt sich nur aus, sofern Sie kein Active Bild angegeben haben. menu.active.fontsize string, zahl, px Die Schriftgröße auf dem aktiven Button. menu.active. fontcolor string # bis #FFFFFF Schriftfarbe für den Active Zustand des Buttons. 59

60 TYPOSCRIPT Alternativ Menü Eigenschaft: Typ: Beschreibung: alt.show boolean 0 1 Mit dieser Funktion können Sie die Ausgabe des Menüs in Flash deaktivieren, um das Alternativmenü anzeigen zu lassen. alt.layer1.back.useimage boolean Aktiviert das Bild für die Buttons erster Ebene im Alternativmenü. 0 1 alt.layer1.back.image string pfad Bild für die Buttons erster Ebene im Alternativmenü. png, gif, jpg alt.layer2.back.useimage boolean Aktiviert das Bild für die Buttons zweiter Ebene im Alternativmenü. 0 1 alt.layer2.back.image string pfad png, gif, jpg Bild für die Buttons zweiter Ebene im Alternativmenü. 60 FMENU Benutzerhandbuch

61 61

62 TYPOSCRIPT - BEISPIEL plugin.tx_tomfmenu_pi2{ menu { data=32 maxwidth=692 maxheight=200 menurange=1 layer1 { back { image= width=126 height=66 space=10 edge= alpha= color= } text { 62 FMENU Benutzerhandbuch

63 63

64 2007 Thomas Kropf. Falls Sie dieses Projekt unterstützen oder Support zu dieser Extension benötigen können Sie mich gerne via kontaktieren - post@tomkropf.de