Operation Manual

451
DREAMWEAVER GEBRUIKEN
Spry-pagina's visueel opbouwen
Laatst bijgewerkt 2/5/2011
De standaardtoestand van een inklapbaar-deelvensterwidget instellen
U kunt instellen welke toestand (geopend of gesloten) een inklapbaar-deelvensterwidget standaard heeft wanneer de
webpagina in een browser wordt geopend.
1 Selecteer een inklapbaar-deelvensterwidget in het documentvenster.
2 Ga naar de eigenschappencontrole (Venster > Eigenschappen) en selecteer Geopend of Gesloten in het pop-
upmenu Standaardtoestand.
Animatie voor de inklapbaar-deelvensterwidget in- of uitschakelen
Wanneer u animatie voor een inklapbaar-deelvensterwidget inschakelt, wordt het deelvenster standaard geleidelijk en
in een vloeiende beweging geopend en gesloten wanneer de bezoeker op de paneeltab klikt. Als u animatie uitschakelt,
wordt het inklapbare paneel abrupt open- en dichtgeklapt.
1 Selecteer een inklapbaar-deelvensterwidget in het documentvenster.
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 inklapbaar Spry-paneel 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 de widget zijn
toegewezen, met name als u de modus Huidig van het paneel gebruikt.
Meer Help-onderwerpen
“Het deelvenster CSS-stijlen in de modus Huidig” op pagina 132
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: