Operation Manual

DREAMWEAVER CS3
Handboek
432
De breedte van een accordeon beperken
Standaard wordt het accordeonobject opengeklapt zodat de beschikbare ruimte geheel in beslag wordt genomen. U kunt de
breedte van een accordeonobject 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 het accordeonobject.
U vindt de regel ook door het accordeonobject te selecteren en het paneel CSS-stijlen te bekijken (Venster > CSS). 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 het menubalkobject
Over het menubalkobject
Een menubalkobject 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 menubalkobjecten gebruiken: verticale en horizontale. In het volgende voorbeeld ziet
u een horizontaal menubalkobject, waarvan het derde menu-item is opengeklapt:
Menubalkobject (bestaat uit <ul>, <li> en <a>-tags)
A. Menu-item heeft vervolgmenu B. Vervolgmenu-item heeft vervolgmenu
De HTML voor het menubalkobject bestaat uit een buitenste ul-tag die een li-tag bevat voor elk menu-item op het hoogste
niveau. De menu-items op het hoogste niveau (
li-tags) bevatten op hun beurt weer ul- en li-tags die de vervolgmenu-
items van deze items definiëren, en ook deze vervolgmenu's kunnen weer vervolgmenu's bevatten. De menu's op het
hoogste niveau en hun vervolgmenu's kunnen net zoveel vervolgmenu's bevatten als u wilt.
Voor een uitvoerige uitleg van de werking van het menubalkobject, waaronder een volledige anatomie van de code van het
menubalkobject, gaat u naar www.adobe.com/go/learn_dw_sprymenubar_nl.
Zie www.adobe.com/go/vid0168_nl voor een zelfstudie over het maken van een Spry-menubalk.
Te wijzigen deel van object 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)
A B