Dreamweaver CS3 - Adobe

Te wijzigen deel van object Relevante CSS-regel Voorbeeld van toe te voegen of te
wijzigen eigenschap en waarde
Achtergrondkleur van paneeltabs van
accordeon
Achtergrondkleur van inhoudspanelen
van accordeon
Achtergrondkleur van geopend
accordeonpaneel
Achtergrondkleur van paneeltabs bij
aanwijzen
Achtergrondkleur van geopende
paneeltab bij aanwijzen
DREAMWEAVER CS3
Handboek
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:
A B
Menubalkobject (bestaat uit , en -tags)
A. Menu-item heeft vervolgmenu B. Vervolgmenu-item heeft vervolgmenu
.AccordionPanelTab background-color: #CCCCCC; (Dit is de
standaardwaarde)
.AccordionPanelContent background-color: #CCCCCC;
.AccordionPanelOpen
.AccordionPanelTab
background-color: #EEEEEE; (Dit is de
standaardwaarde)
.AccordionPanelTabHover kleur: #555555; (Dit is de
standaardwaarde)
.AccordionPanelOpen
.AccordionPanelTabHover
kleur: #555555; (Dit is de
standaardwaarde)
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 vervolgmenuitems
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.
432