Operation Manual

470
VERWENDEN VON DREAMWEAVER
Spry-Seiten visuell erstellen
Last updated 10.4.2012
Hintergrundfarben für das Widget „Reduzierbare Palette“ ändern
❖ Um die Hintergrundfarben verschiedener Bereiche solcher Widgets zu ändern, suchen Sie in folgender Tabelle
nach der richtigen CSS-Regel und fügen Sie Ihre eigenen Eigenschaften und Werte für die Hintergrundfarben
hinzu:
Breite einer reduzierbaren Palette beschränken
Widgets vom Typ „Reduzierbare Palette“ passen sich standardmäßig dem verfügbaren Raum an. Sie können die Breite
eines solchen Widgets allerdings einschränken, indem Sie die entsprechende Eigenschaft im Container der
reduzierbaren Palette anpassen.
1 Suchen Sie nach der CSS-Regel „.CollapsiblePanel“ in der Datei „SpryCollapsible Panel.css“. Diese Regel definiert
die Eigenschaften für das Haupt-Containerelement des Widgets „Reduzierbare Palette“.
Sie können die Regel auch suchen, indem Sie das Widget auswählen und das Bedienfeld „CSS-Stile“ („Fenster“ >
„CSS-Stile“) anzeigen. Dazu muss sich das Bedienfeld im Modus „Aktuell“ befinden.
2 Fügen Sie eine Breiteneigenschaft und einen Wert zur Regel hinzu, wie z. B. width: 300px;.
Arbeiten mit Spry-Widget „Paletten mit Registerkarten“
Widget „Paletten mit Registerkarten“
Beim Widget „Paletten mit Registerkarten“ handelt es sich um einen Satz Paletten, mit denen sich Inhalte auf
kleinstem Raum speichern lassen. Der Seitenbesucher blendet die in den Paletten mit Registerkarten gespeicherten
Inhalte durch Klicken auf das Register der gewünschten Palette ein bzw. aus. Die Paletten des Widgets lassen sich
durch Klickaktionen des Besuchers entsprechend erweitern bzw. reduzieren. Beim Widget „Paletten mit
Registerkarten“ kann nur jeweils ein Inhaltsfenster auf einmal geöffnet sein. Das folgende Beispiel zeigt eine Widget
vom Typ „Paletten mit Registerkarten“, dessen dritte Palette geöffnet ist:
A: Titel B: Inhalt C: Widget „Paletten mit Registerkarten“ D: Palette mit Registerkarten
Zu ändernde Farbe Dazugehörige CSS-Regel Beispiel für hinzuzufügende/zu
ändernde Eigenschaften/Werte
Hintergrundfarbe des Palettenregisters
.CollapsiblePanelTab
background-color: #DDD (dies ist der
Standardwert)
Hintergrundfarbe des Inhaltsfensters
.CollapsiblePanelContent
background-color: #DDD;
Hintergrundfarbe des Registers bei
geöffneter Palette
.CollapsiblePanelOpen
.CollapsiblePanelTab
background-color: #EEE (dies ist der
Standardwert)
Hintergrundfarbe des geöffneten
Palettenregisters beim Zeigen mit der Maus
.CollapsiblePanelTabHover,
.CollapsiblePanelOpen
.CollapsiblePanelTabHover
background-color: #CCC (dies ist der
Standardwert)
AB
C
D