Operation Manual

DREAMWEAVER CS3
Handboek
439
De breedte van een inklapbaar paneel beperken
Standaard wordt het inklapbaar-paneelobject opengeklapt zodat de beschikbare ruimte geheel in beslag wordt genomen. U
kunt de breedte van een inklapbaar-paneelobject echter beperken door een breedte-eigenschap voor de inklapbaar-
paneelcontainer in te stellen.
1 Zoek de CSS-regel .CollapsiblePanel op door het bestand SpryCollapsible Panel.css te openen. Deze regel definieert
eigenschappen voor het hoofdcontainerelement van het inklapbaar-paneelobject.
U vindt de regel ook door het inklapbaar-paneelobject te selecteren en het paneel 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 het object paneel met tabs
Over het object panelen met tabs
Een object panelen met tabs is een reeks panelen die inhoud opslaat op een vrij beperkte ruimte. Sitebezoekers kunnen de
inhoud in de panelen met tabs verbergen of weergeven door op de tab te klikken van het paneel dat ze willen bekijken. De
panelen van het object worden geopend naarmate de bezoeker op deverschillendetabsklikt.Ineenobjectpanelenmettabs
is maar één paneel tegelijk geopend. In het volgende voorbeeld ziet u een object panelen met tabs, waarvan het derde paneel
is geopend:
A. Tab B. Inhoud C. Object panelen met tabs D. Paneel met tabs
De HTML-code voor het object panelen met tabs bestaat uit een buitenste div-tag die alle panelen bevat, een lijst voor de
tabs, een
div-tag voor de inhoudspanelen en een div-tag voor elk inhoudspaneel. De HTML voor het object panelen met
tabs bevat eveneens script-tags in de kop van het document en na de HTML-opmaak van het object panelen met tabs.
Voor een uitvoerige uitleg van de werking van het object panelen met tabs, waaronder een volledige anatomie van de code
van het object panelen met tabs, gaat u naar www.adobe.com/go/learn_dw_sprytabbedpanels_nl.
Het object panelen met tabs invoegen
❖ Kies Invoegen > Spry > Spry-panelen met tabs.
Opmerking: U kunt een object panelen met tabs ook invoegen met behulp van de categorie Spry op de invoegbalk.
Achtergrondkleur van inhoudspaneel .CollapsiblePanelContent background-color: #DDD;
Achtergrondkleur van tab wanneer
paneel is geopend
.CollapsiblePanelOpen
.CollapsiblePanelTab
background-color: #EEE; (Dit is de
standaardwaarde)
Achtergrondkleur van geopende
paneeltab wanneer de muisaan
wijzer
eroverheen beweegt
.CollapsiblePanelTabHover,
.CollapsiblePanelOpen
.CollapsiblePanelTabHover
background-color: #CCC; (Dit is de
standaardwaarde)
Te wijzigen kleur Relevante CSS-regel Voorbeeld van toe te voegen of te
wijzigen eigenschap en waarde
AB
C
D