Operation Manual

467
VERWENDEN VON DREAMWEAVER
Spry-Seiten visuell erstellen
Last updated 10.4.2012
Hintergrundfarbe eines Menüelements ändern
Die mit dem <a>-Tag verknüpfte CSS-Datei enthält Informationen zur Hintergrundfarbe eines Menüelements.
Außerdem sind an dieses Tag verschiedene relevante Hintergrundfarben-Klassenwerte angehängt, die sich auf
unterschiedliche Menüzustände beziehen.
❖ Um die Hintergrundfarbe eines Menüelements zu ändern, suchen Sie in folgender Tabelle die jeweilige CSS-Datei
und ändern Sie dann den Standardwert:
Größe der Menüelemente ändern
Sie ändern die Abmessungen der Menüelemente, indem Sie die Breiteneigenschaften ihrer li- und ul-Tags anpassen.
1 Suchen Sie nach der Regel ul.MenuBarVertical li bzw. ul.MenuBarHorizontal li.
2 Ändern Sie die Eigenschaft „Breite“ auf den gewünschten Wert (oder ändern Sie die Eigenschaft in auto, um eine
feste Breite zu entfernen, und fügen Sie der Regel die Eigenschaft/den Wert
white-space: nowrap; hinzu).
3 Suchen Sie nach der Regel ul.MenuBarVertical ul bzw. ul.MenuBarHorizontal ul:
4 Ändern Sie die Eigenschaft „Breite“ in den gewünschten Wert (oder ändern Sie die Eigenschaft in auto, um eine
feste Breite zu entfernen).
5 Suchen Sie nach der Regel ul.MenuBarVertical ul li bzw. ul.MenuBarHorizontal ul li:
6 Fügen Sie Folgendes in die Regel ein: float: none; und background-color: transparent;.
7 Löschen Sie die Eigenschaft/den Wert von width: 8.2em;.
Untermenüs positionieren
Die Position der Untermenüs in der Spry-Menüleiste wird mittels der Randoption in den ul-Tags der Untermenüs
gesteuert.
1 Suchen Sie nach der Regel ul.MenuBarVertical ul bzw. ul.MenuBarHorizontal ul:
2 Ändern Sie die Standardwerte für margin: -5% 0 0 95%; in die gewünschten Werte.
Zu ändernde Farbe CSS-Regel für eine vertikale bzw.
horizontale Menüleiste
Dazugehörige Eigenschaften und
Standardwerte
Standardhintergrund
ul.MenuBarVertical a,
ul.MenuBarHorizontal a
background-color: #EEE;
Hintergrundfarbe beim Zeigen mit der Maus
ul.MenuBarVertical a:hover,
ul.MenuBarHorizontal a:hover
background-color: #33C;
Hintergrundfarbe im Fokus
ul.MenuBarVertical a:focus,
ul.MenuBarHorizontal a:focus
background-color: #33C;
Farbe des Menüleistenelements beim Zeigen
mit der Maus
ul.MenuBarVertical
a.MenuBarItemHover,
ul.MenuBarHorizontal
a.MenuBarItemHover
background-color: #33C;
Farbe des Untermenüelements beim Zeigen
mit der Maus
ul.MenuBarVertical
a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal
a.MenuBarItemSubmenuHover
background-color: #33C;