Manualshelf

Operation Manual

ManualsBrandsAdobe ManualsSoftwareDREAMWEAVER CS5.5
461462463464465466467468469470
Table Of Contents
462
VERWENDEN VON DREAMWEAVER
Spry-Seiten visuell erstellen
Last updated 10.4.2012
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:
Breite eines Akkordeons beschränken
Akkordeon-Widgets passen sich standardmäßig dem verfügbaren Raum an. Sie können die Breite eines Akkordeon-
Widgets allerdings einschränken, indem Sie die entsprechende Eigenschaft im Akkordeon-Container anpassen.
1 Suchen Sie nach der CSS-Regel „.Accordion“ in der Datei „SpryAccordion.css“. Diese Regel definiert die
Eigenschaften für das Haupt-Containerlement des Akkordeon-Widgets.
Sie können die Regel auch suchen, indem Sie das Akkordeon-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 dem Spry-Menüleisten-Widget
Menüleisten-Widget
Ein Menüleisten-Widget besteht aus einem Satz Navigationsschaltflächen, mit denen Untermenüs angezeigt werden,
wenn ein Besucher mit dem Mauszeiger auf eine der Schaltflächen zeigt. Mit Menüleisten können Sie große Mengen
an Navigationsdaten auf kleinstem Raum anzeigen. Außerdem erhalten die Besucher dadurch einen Einblick in die
Inhalte, ohne die ganze Site erkunden zu müssen.
Mit Dreamweaver können Sie zwei Typen von Menüleisten-Widgets einfügen, nämlich vertikale und horizontale. Das
folgende Beispiel zeigt ein horizontales Menüleisten-Widget, dessen drittes Menüelement erweitert ist:
Zu ändernder Widget-Bereich Dazugehörige 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
Hintergrundfarbe der geöffneten
Akkordeonpalette
.AccordionPanelOpen
.AccordionPanelTab
background-color: #EEEEEE (dies ist der
Standardwert)
Hintergrundfarbe der Hover-Palettenregister
.AccordionPanelTabHover
color: #555555 (dies ist der Standardwert)
Hintergrundfarbe des geöffneten Hover-
Palettenregisters
.AccordionPanelOpen
.AccordionPanelTabHover
color: #555555 (dies ist der Standardwert)