Operation Manual
444
DREAMWEAVER GEBRUIKEN
Spry-pagina's visueel opbouwen
Laatst bijgewerkt 2/5/2011
De achtergrondkleur wijzigen van accordeonwidget
❖ Als u de achtergrondkleuren van verschillende delen van een accordeonwidget wilt wijzigen, gebruikt u de
volgende tabel om de desbetreffende CSS-regel op te zoeken. Daarna voegt u eigenschappen en waarden voor de
achtergrondkleur toe of wijzigt u deze:
De breedte van een accordeon beperken
Standaard wordt de accordeonwidget opengeklapt zodat de beschikbare ruimte geheel in beslag wordt genomen. U
kunt de breedte van een accordeonwidget echter beperken door een breedte-eigenschap voor de accordeoncontainer
in te stellen.
1 Zoek de CSS-regel .Accordion door het bestand SpryAccordion.css te openen. Dit is de regel die eigenschappen
definieert voor het hoofdcontainerelement van de accordeonwidget.
U vindt de regel ook door de accordeonwidget te selecteren en het deelvenster CSS-stijlen te bekijken (Venster > CSS-
stijlen). Zorg ervoor dat het paneel is ingesteld op de modus Huidig.
2 Voeg een breedte-eigenschap en -waarde aan de regel toe, bijvoorbeeld width:. 300px;.
Werken met de menubalkwidget
Over de menubalkwidget
Een menubalkwidget is een reeks menuknoppen voor navigatie die vervolgmenu's weergeven wanneer een
sitebezoeker een van de knoppen aanwijst. Met menubalken kunt u op een beperkte ruimte een groot aantal navigatie-
informatie weergeven, en de bezoeker een idee geven van wat op de site beschikbaar is zonder dat de bezoeker eerst
intensief moet bladeren.
In Dreamweaver kunt u twee soorten menubalkwidgets gebruiken: verticale en horizontale. In het volgende voorbeeld
ziet u een horizontale menubalkwidget, waarvan het derde menu-item is opengeklapt:
Te wijzigen deel van widget Relevante CSS-regel Voorbeeld van toe te voegen of te wijzigen
eigenschap en waarde
Achtergrondkleur van paneeltabs van
accordeon
.AccordionPanelTab background-color: #CCCCCC; (Dit is de
standaardwaarde)
Achtergrondkleur van inhoudspanelen van
accordeon
.AccordionPanelContent background-color: #CCCCCC;
Achtergrondkleur van geopend
accordeonpaneel
.AccordionPanelOpen .AccordionPanelTab background-color: #EEEEEE; (Dit is de
standaardwaarde)
Achtergrondkleur van paneeltabs bij
aanwijzen
.AccordionPanelTabHover kleur: #555555; (Dit is de standaardwaarde)
Achtergrondkleur van geopende paneeltab
bij aanwijzen
.AccordionPanelOpen
.AccordionPanelTabHover
kleur: #555555; (Dit is de standaardwaarde)