Dreamweaver CS3 - Adobe

Achtergrondkleur van inhoudspaneel .CollapsiblePanelContent background-color: #DDD;
Achtergrondkleur van tab wanneer
paneel is geopend
Achtergrondkleur van geopende
paneeltab wanneer de muisaanwijzer
eroverheen beweegt
DREAMWEAVER CS3
Handboek
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 inklapbaarpaneelcontainer
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 > CSSstijlen).
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:
C
Te wijzigen kleur Relevante CSS-regel Voorbeeld van toe te voegen of te
wijzigen eigenschap en waarde
.CollapsiblePanelOpen
.CollapsiblePanelTab
A B
.CollapsiblePanelTabHover,
.CollapsiblePanelOpen
.CollapsiblePanelTabHover
D
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
background-color: #EEE; (Dit is de
standaardwaarde)
background-color: #CCC; (Dit is de
standaardwaarde)
❖ 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.
439