Menüpunkte

Modul Design Layout-Bereich - Struktur Element (z.B. Applikationsmenü) markieren Eigenschaftendialog / Weiter bis Menüpunkte

1. Normal / Hover / Selected

Diese Schaltflächen im oberen Bereich des Dialogs repräsentieren drei Zustände von Menüpunkten: Die Eigenschaften im unteren Bereich des Dialogs werden jeweils für den hier aktuell ausgewählten Zustand eingestellt.

2. Hintergrund


2.1. Hintergrundfarbe

Farbe

Hier wird die aktuell ausgewählte Hintergrundfarbe angezeigt.

Farbe auswählen
Öffnet eine kleine Palette, aus der die Hintergrundfarbe ausgewählt werden kann.

2.2. Hintergrundbild

Hintergrundbild

Hier werden URL und Dateiname des ausgewählten Hintergrundbildes angezeigt.

Bild auswählen
Öffnet einen Dialog, in dem ein Bild ausgewählt werden kann. Empfohlen ist die Verwendung der Formate .png, .jpg und .gif.

Bild löschen
Entfernt den Verweis auf das aktuell ausgewählte Bild.

Kein Bild
Trägt im CSS des Elements die Eigenschaft background-image:none ein.

Eigenschaft von übergeordnetem Element übernehmen
Im CSS wird der inherit-Wert eingetragen.

Position

Hier können Sie festlegen, an welcher Position das Hintergrundbild im Element positioniert werden soll - links, links oben, links unten, rechts, rechts oben, rechts unten, oben, unten oder in der Mitte.

Wiederholung

Hier legen Sie fest, auf welche Weise das Bild wiederholt dargestellt werden soll. Die X- und Y-Wiederholung wiederholt z.B. die Grafik in horizontaler bzw. vertikaler Richtung. Keine Wiederholung bewirkt die Anzeige der Grafik in Originalgröße.

3. Schrift


Schriftart

Hier ist die aktuell ausgewählte Schriftart eingetragen.

Schriftart auswählen
Öffnet einen Dialog, in dem eine Schriftart ausgewählt werden kann.

Schriftgröße

Tragen Sie hier die Schriftgröße ein.

Schriftfarbe

Hier wird die aktuell ausgewählte Schriftfarbe angezeigt.

Farbe auswählen
Öffnet eine kleine Palette, aus der die Hintergrundfarbe ausgewählt werden kann.

Schriftschnitt, Schriftstil, Textdekoration

Wählen Sie hier jeweils die gewünschten Schrift-Eigenschaften aus.

4. Rahmen


4.1. Stil

Hier kann die Art der Rahmenlinie eingestellt werden.

4.2. Farbe

Hier kann die Rahmenfarbe eingestellt werden.

4.3. Breite

Hier kann die Rahmenbreite eingestellt werden.

Gleicher Stil / Farbe / Breite für alle Seiten

Wendet jeweils die Einstellung, die für die obere Rahmenseite eingestellt ist, auf alle Rahmenseiten an. Wenn Sie die Einstellung deaktivieren, können alle Rahmenseiten unterschiedlich eingestellt werden.

5. Abstände


5.1. Innenabstand

Hier regeln Sie den Abstand, den der Inhalt des Elements (z.B. Text) von seinem Rahmen hat. Text, der sich in einem Element befindet, wird also um die Anzahl der hier angegebenen Pixel nach oben, rechts, unten oder links verschoben.

5.2. Außenabstand

Mit dem Außenabstand regeln Sie den Abstand, den das Element nach außen hat. Dieser Abstand wird nicht vom Inhalt des Elements (z.B. Text) an gerechnet, sondern von der Flächengrenze des Elements aus. Wenn Sie also einen Innenabstand von 10 px und einen Außenabstand von 10 px eingetragen haben, ist der Inhalt des Elements insgesamt 20 px vom nächsten angrenzenden Element entfernt. Wenn Sie einen Rahmen für das Element definiert haben, würde der Rahmen in 10 px Abstand um das Element herum dargestellt. Der Außenabstand wiederum regelt den Abstand von Rahmen zum nächsten Element, so dass in diesem Beispiel 10 px freie Fläche um den Rahmen herum dargestellt werden würde.

Gleicher Innen- / Außenabstand für alle Seiten

Wendet jeweils den Abstand, der für die obere Seite eingestellt ist, auf alle Seiten an. Wenn Sie die Einstellung deaktivieren, können alle Seiten unterschiedlich eingestellt werden.

Weitere Informationen

Layout-Elemente