Operation Manual

Naar boven
2. Ga naar de eigenschappencontrole (Venster > Eigenschappen) en schakel Animatie inschakelen in of uit.
De inklapbaar-deelvensterwidget aanpassen
Hoewel u vanuit de eigenschappencontrole eenvoudige bewerkingen in een inklapbaar-deelvensterwidget kunt uitvoeren, worden aangepaste
opmaaktaken niet ondersteund. U kunt de CSS-regels voor de widget Inklapbaar deelvenster wijzigen en een inklapbaar deelvenster maken dat
naar uw eigen smaak is opgemaakt.
Raadpleeg het artikel Quick guide to styling Spry tabbed panels, accordions, and collapsible panels van David Powers voor informatie over het
wijzigen van de kleur van de widget Inklapbaar deelvenster.
Voor een geavanceerdere lijst met opmaaktaken gaat u naar www.adobe.com/go/learn_dw_sprycollapsiblepanel_custom_nl.
Alle CSS-regels in de volgende onderwerpen verwijzen naar de standaardregels in het bestand SpryCollapsiblePanel.css. Dreamweaver slaat het
bestand SpryCollapsiblePanel.css in de map SpryAssets van uw site op wanneer u een widget Inklapbaar Spry-deelvenster maakt. Dit bestand
bevat ook nuttige informatie over diverse stijlen die u op de widget kunt toepassen.
Hoewel u de regels voor de inklapbaar-deelvensterwidget gemakkelijk rechtstreeks in het bijbehorende CSS-bestand kunt bewerken, kunt u ook
het deelvenster CSS-stijlen gebruiken om de CSS van een inklapbaar paneel te bewerken. Het deelvenster CSS-stijlen is handig om de CSS-
klassen te zoeken die aan de verschillende onderdelen van dee widget zijn toegewezen, met name als u de modus Huidig van het paneel
gebruikt.
Tekst opmaken van inklapbaar-deelvensterwidget
U kunt de tekst van een inklapbaar-deelvensterwidget opmaken door eigenschappen in te stellen voor de gehele inklapbaar-deelvenstercontainer
of voor de componenten van de specifieke widget.
Als u de tekstopmaak van een inklapbaar-deelvensterwidget wilt wijzigen, gebruikt u de volgende tabel om de desbetreffende CSS-regel op
te zoeken. Daarna voegt u uw eigen tekstopmaakeigenschappen en -waarden toe:
Te wijzigen stijl Relevante CSS-regel Voorbeeld van toe te voegen of te
wijzigen eigenschappen en waarden
Tekst in het gehele inklapbare paneel
.CollapsiblePanel
font: Arial; font-size:medium;
Tekst op de paneeltab
.CollapsiblePanelTab
font: bold 0.7em sans-serif; (Dit is de
standaardwaarde)
Tekst in het inhoudspaneel
.CollapsiblePanelContent
font: Arial; font-size:medium;
De achtergrondkleur wijzigen van een inklapbaar-deelvensterwidget
Als u de achtergrondkleuren van verschillende delen van een inklapbaar-deelvensterwidget wilt wijzigen, gebruikt u de volgende tabel om de
desbetreffende CSS-regel op te zoeken. Daarna voegt u eigenschappen en waarden voor de gewenste achtergrondkleur toe of wijzigt u
deze:
Te wijzigen kleur Relevante CSS-regel Voorbeeld van toe te voegen of te
wijzigen eigenschap en waarde
Achtergrondkleur van paneeltab
.CollapsiblePanelTab
background-color: #DDD; (Dit is de
standaardwaarde)
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 muisaanwijzer
eroverheen beweegt
.CollapsiblePanelTabHover,
.CollapsiblePanelOpen
.CollapsiblePanelTabHover
background-color: #CCC; (Dit is de
standaardwaarde.)
De breedte van een inklapbaar paneel beperken
Standaard wordt de inklapbaar-deelvensterwidget opengeklapt zodat de beschikbare ruimte geheel in beslag wordt genomen. U kunt de breedte
322