Errichten eines dynamischen Menüs.
~ Alle Anleitungen ~
Laden Sie fertige Projektdatei: t1058.zip (1 KB)
Diese Anleitung zeigt, wie ein dynamisches Menü erstellt wird, dessen Inhalt bei Mausberührung gezeigt wird.
- Schalten Sie Alligator Flash Designer ein.
- Die Größe des Menüs wird durch die Framegröße bestimmt. Wählen Sie "Frame" > "Framegröße" und stellen Sie die Framegröße auf z.B. 600x60 Pixel ein.
- In der "Frames" Palette wählen Sie "MasterFrame" Ankreuzfeld.
- Wählen Sie das Buttonwerkzeug und zeichnen ein Rechteck in der linken Seite der Arbeitsfläche. Richten Sie ihn nach oben aus, damit es Platz fürs Submenü bleibt.
- Klicken Sie mit der rechten Maustaste auf den Button, und wählen Sie aus dem Kontextmenü "Größe".
"Seitenverhältnis beibehalten" sollte unmarkiert werden. Tragen Sie die Werte 68x23.
- Aus dem Hauptmenü wählen Sie "Objekt" > "Farbverlauf". Aus der Dropdown-Liste wählen Sie "Vertikal". Klicken Sie auf das Farbenquadrat. Ein neues Fenster wird geöffnet, in dem Sie die gewünschte Farbe wählen können. Stellen Sie die Farbe oben z.B. auf Weiß und die Farbe unten auf #FF8F3A ein. Für einen besseren Effekt fügen Sie noch eine zusätzliche Farbe hinzu ("Farben hinzufügen"). Markieren Sie "Punkt 3" und stellen die Farbe auf #C65C00 ein.
- Damit alle Buttons im Menü gleicher Größe werden, duplizieren Sie den gerade errichteten Button. Wählen Sie "Bearbeiten" "Verdoppeln". Der y-Wert sollte eine "0" werden, damit alle neuen Buttons auf gleicher Höhe erstellt werden. Der x-Wert sollte der Breite des Buttons entsprechen. In diesem Fall 68 Pixel. In das "Zahl" Eingabefeld tragen Sie eine "5" ein. 5 neue Buttons werden erstellt.
- Durch einen Doppelklick auf den Button erreichen Sie ein neues Fenster, in dem Sie den Button umbenennen können. Neuer Name tragen Sie in das Eingabefeld oben. In diesem Fenster können Sie auch Schriftfarbe ändern. Klicken Sie auf "Textfarbe" und wählen Sie die gewünschte Farbe.
- Jetzt werden Sie die Mausereignisaktionen definieren. Markieren Sie einen Button mit dem Auswahlwerkzeug. Aus dem Hauptmenü wählen Sie "Objekt" > "Aktionen" > "Bei Mausklick". Im neu geöffneten Fenster markieren Sie "Hole URL" und tragen den Zielpfad ein (z.B. http://www.selteco.de oder einen Dateipfad).
- Submenü errichten Sie im anderen Frame. Wählen Sie "Frame" > "Neu". Für jede Menüoption, die ein Submenü haben wird, sollten Sie einen neuen Frame errichten (d.h. falls jede Menüoption in diesem Beispiel ein Submenü enthalten soll, brauchen Sie 5 neuen Frame). In der "Frames" Palette sollten sich "MasterFrame" und 5 anderen Frame befinden.
- Gehen Sie zum "MasterFrame" (wählen Sie ihn aus der "Frames" Palette) und klicken Sie mit der rechten Maustaste auf einen Button. Aus dem Kontextmenü wählen Sie "Bei Mausberührung". Ein neues Fenster wird geöffnet. Markieren Sie "Gehe zum Frame" und aus der Dropdown-Liste wählen Sie den Frame, der das Submenü dieses Buttons enthält. Diese Handlung sollten Sie für jeden Button wiederholen.
- Wählen Sie einen Frame mit Submenu aus. Mit dem Textwerkzeug tragen Sie alle Submenüpunkte. Stellen Sie die Textfarbe auf #FF8C00 ein.
- Klicken Sie mit der rechten Maustaste auf einen Text. Aus dem Kontextmenü wählen Sie "Bei Mausberührung". Markieren Sie die "Hole URL" Option und tragen den Pfad ein (sehe Punkt 9).
- Sie können auch die Farbe des Textes bei Mausberührung ändern. Klicken Sie mit der rechten Maustaste auf den Text und wählen Sie "Bei Mausberührung Farbe". Im neuen Fenster wählen Sie gewünschte Farbe, z.B. #6100FF.
- Exportieren Sie das Projekt: "Datei" > "Webseite exportieren".
