Operation Manual

Nach oben
Führen Sie einen der folgenden Schritte aus:
Deuten Sie mit dem Mauszeiger auf die Titelleiste der jeweiligen Palette, um es in der Entwurfsansicht zu öffnen. Klicken Sie dann auf
das Augensymbol, das rechts im Register angezeigt wird.
Wählen Sie ein Akkordeon-Widget im Dokumentfenster aus und klicken Sie dann im Bedienfeldmenü des Eigenschafteninspektors
(„Fenster“ > „Eigenschaften“) auf den Namen der zu bearbeitenden Palette.
Reihenfolge der Bedienfelder ändern
1. Wählen Sie ein Akkordeon-Widget im Dokumentfenster aus.
2. Wählen Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) den Namen der zu verschiebenden Akkordeonpalette aus.
3. Klicken Sie auf den Rechts- bzw. Linkspfeil, um die Palette nach oben oder unten zu verschieben.
Akkordeon-Widget anpassen
Sie können mit dem Eigenschafteninspektor zwar einfache Änderungen an einem Akkordeon-Widget vornehmen, benutzerdefinierte Stilaufgaben
werden allerdings nicht unterstützt. Der Stil des Akkordeons lässt sich über die CSS-Regeln für das Akkordeon-Widget individuell anpassen.
Eine Kurzanleitung zum Ändern der Farben des Akkordeon-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 Stilaufgaben finden Sie unter www.adobe.com/go/learn_dw_spryaccordion_custom_de.
Alle CSS-Regeln der folgenden Themen beziehen sich auf die Standardregeln in der Datei „SpryAccordion.css“. Jedes Mal, wenn Sie ein
Akkordeon-Widget erstellen, speichert Dreamweaver die Datei „SpryAccordion.css“ im Ordner „SpryAssets“ Ihrer Site. Diese Datei enthält
außerdem kommentierte Informationen zu verschiedenen Stilen für das jeweilige Widget und bietet damit eine nützliche Informationsquelle.
Sie können die Regeln für das Akkordeon-Widget 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 Akkordeon-Widgets
Sie können den Textstil eines Akkordeon-Widgets bearbeiten, indem Sie Eigenschaften für den gesamten Widget-Container bzw. die der Widget-
Komponenten einzeln konfigurieren.
Um den Textstil eines Akkordeon-Widgets zu bearbeiten, suchen Sie in folgender Tabelle die richtige CSS-Regel und fügen Sie Ihre eigenen
Eigenschaften und Werte hinzu:
Zu ändernder Text Relevante CSS-Regel Beispiel für hinzuzufügende
Eigenschaften/Werte
Text im gesamten Akkordeon (inklusive
Titelleiste und Inhaltsfenster)
.Accordion oder
.AccordionPanel
font: Arial; font-size:medium;
Nur der Text in der Titelleiste der
Akkordeonpalette
.AccordionPanelTab
font: Arial; font-size:medium;
Nur der Text im Inhaltsfenster der
Akkordeonpalette
.AccordionPanelContent
font: Arial; font-size:medium;
Hintergrundfarben für Akkordeon-Widget ändern
Um die Hintergrundfarben verschiedener Bereiche eines Akkordeon-Widgets zu ändern, suchen Sie in folgender Tabelle die richtige CSS-
Regel und fügen Sie Ihre eigenen Eigenschaften und Werte für die Hintergrundfarben hinzu:
Zu ändernder Widget-Bereich Relevante CSS-Regel Beispiel für hinzuzufügende/zu
ändernde Eigenschaften/Werte
Hintergrundfarbe der Titelleisten der
Akkordeonpaletten
.AccordionPanelTab
background-color: #CCCCCC (dies ist
der Standardwert)
Hintergrundfarbe der Inhaltsfenster des
Akkordeons
.AccordionPanelContent
background-color: #CCCCCC;
324