Operation Manual

Nach oben
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.
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 Relevante 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;
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:
Zu ändernde Farbe Relevante 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)
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.
327