Operation Manual

Table Of Contents
469
VERWENDEN VON DREAMWEAVER
Spry-Seiten visuell erstellen
Last updated 10.4.2012
Animation für das Widget „Reduzierbare Palette“ aktivieren oder deaktivieren
Wenn Sie die Animation für ein Widget vom Typ „Reduzierbare Palette“ aktivieren, wird die Palette per
Standardeinstellung langsam geöffnet bzw. geschlossen, wenn ein Site-Besucher auf ihr Register klickt. Ist die
Animation deaktiviert, wird die reduzierbare Palette abrupt geöffnet bzw. geschlossen.
1 Wählen Sie ein Widget vom Typ „Reduzierbare Palette“ im Dokumentfenster aus.
2 Aktivieren bzw. deaktivieren Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) die Option „Animation
aktivieren“.
Widget „Reduzierbare Palette“ anpassen
Sie können mit dem Eigenschafteninspektor zwar einfache Änderungen an diesen Widgets vornehmen,
benutzerdefinierte Formatierungsaufgaben werden allerdings nicht unterstützt. Sie können die CSS-Regeln für
Reduzierbare-Paletten-Widgets ändern und ihren Stil individuell anpassen.
Eine Kurzanleitung zum Ändern der Farben des Reduzierbare-Paletten-Widgets finden Sie im Artikel von David
Powers Quick guide to styling Spry tabbed panels, accordions, and collapsible panels (Kurzanleitung zum Ändern des
Stils von Spry-Widgets wie Paletten mit Registerkarten, Akkordeons und reduzierbare Paletten.
Eine erweiterte Liste mit Formatierungsaufgaben finden Sie unter
www.adobe.com/go/learn_dw_sprycollapsiblepanel_custom_de.
Alle CSS-Regeln der folgenden Themen beziehen sich auf die Standardregeln in der Datei „SpryCollapsiblePanel.css“.
Jedes Mal, wenn Sie ein Widget vom Typ „Reduzierbare Palette“ erstellen, speichert Dreamweaver die Datei
„SpryCollapsiblePanel.css“ im Ordner „SpryAssets“ Ihrer Site. Diese Datei enthält außerdem nützliche kommentierte
Informationen zu verschiedenen Stilen für das jeweilige Widget.
Sie können die Regeln für diese Widgets entweder schnell und einfach in der CSS-Datei oder mit dem Bedienfeld „CSS-
Stile“ bearbeiten. Dieses Bedienfeld vereinfacht, speziell bei Verwendung des Modus „Aktuell“, das Auffinden der
CSS-Klassen, die den verschiedenen Bereichen des Widgets zugewiesenen sind.
More Help topics
Das Bedienfeld „CSS-Stile“ im Modus „Aktuell“” on page 139
Textstil für das Widget „Reduzierbare Palette“
Sie können den Textstil eines Widgets vom Typ „Reduzierbare Palette“ bearbeiten, indem Sie Eigenschaften für den
gesamten Widget-Container oder die Eigenschaften der Widget-Komponenten einzeln konfigurieren.
Um das Textformat solcher Widgets zu bearbeiten, suchen Sie in folgender Tabelle die richtige CSS-Regel und
fügen Sie Ihre eigenen Eigenschaften und Werte hinzu:
Zu ändernder Stil Dazugehörige CSS-Regel Beispiel für hinzuzufügende/zu ändernde
Eigenschaften/Werte
Text in der gesamten reduzierbaren Palette
.CollapsiblePanel
font: Arial; font-size:medium;
Nur Text im Palettenregister
.CollapsiblePanelTab
font: bold 0.7em sans-serif (dies ist der Standardwert)
Nur Text im Inhaltsfenster
.CollapsiblePanelContent
font: Arial; font-size:medium;