Bildmodul „Dynamic Image Button“

Mit dem Modul „Dynamic Image Button“ können Sie Buttons erzeugen. Im Unterschied zum Bildmodul „Image Button“ wird die Breite des Bildes dynamisch berechnet. Zudem werden die Buttons nicht aus einer Grafik erzeugt, sondern aus drei Grafiken: Einer Hintergrundgrafik und zwei Grafiken für die linke und rechte Seite, die den Text einrahmen.

„Dynamic Image Button“ konfigurieren

  1. Legen Sie ein dynamisches Bild mit dem Modul „Dynamic Image Button“ an.

  2. Klicken Sie in der Toolbar auf Inhalt. Die Eingabemaske „Inhalt bearbeiten“ wird angezeigt:

    Abbildung 8.46. Image-Modul „Image Button“ konfigurieren

    Image-Modul „Image Button“ konfigurieren

  3. Wählen Sie über die Bildbrowserfunktion (Button mit drei Punkten) das linke und rechte Bild sowie das Hintergrundbild aus.

  4. Wählen Sie aus der Mediendatenbank eine Fontdatei aus.

  5. Geben Sie die Schriftfarbe an. Sie können dazu den Farbauswahldialog benutzen.

  6. Geben Sie die Schriftgröße in der Einheit pt an.

  7. Bestimmen Sie die vertikale und horizontale Ausrichtung der Beschriftung.

  8. Übernehmen Sie Ihre Eingabe mit Speichern.

Details zur Eingabemaske „Inhalt bearbeiten“

Tabelle 8.20. Details zur Eingabemaske „Inhalt bearbeiten“

FeldbeschriftungBedeutung
Bilder
HintergrundbildGrafikdatei, auf der der Buttontext gerendert wird.
Linkes BildGrafikdatei für die linke Seite des Buttons.
Rechtes BildGrafikdatei für die rechte Seite des Buttons.
HintergrundfarbeHintergrundfarbe der Schrift.
Font
FontFontdatei auswählen, mit dem die Beschriftung auf die Buttongrafik geschrieben werden soll.
FarbeSchriftfarbe.
GrößeAngabe der Schriftgröße in der Einheit pt.
Vertikale Ausrichtung
AusrichtungAusrichtung der Beschriftung auf der vertikalen Achse:
  • top: Nach oben ausrichten

  • middle: Mittig ausrichten

  • bottom: Nach unten ausrichten

Oberer InnenabstandAbstand zwischen Beschriftung und oberem Bildrand.
Unterer InnenabstandAbstand zwischen Beschriftung und unterem Bildrand.
Horizontale Ausrichtung
AusrichtungAusrichtung der Beschriftung auf der horizontalen Achse:
  • left: Links ausrichten

  • center: Zentrieren

  • right: Rechts ausrichten

Linker InnenabstandAbstand zwischen Beschriftung und linkem Bildrand.
Rechter InnenabstandAbstand zwischen Beschriftung und rechtem Bildrand.

Suche

Im Handbuch suchen nach:

Fehler gefunden?

Teilen Sie uns mit, wenn Sie Fehler gefunden haben. Auf diese Weise helfen Sie uns, die Qualität der Dokumentation zu verbessern: Redaktion