Dreamweaver CS3 - Adobe

Animatie voor het inklapbaar-paneelobject in- of uitschakelen
DREAMWEAVER CS3
Handboek
Wanneer u animatie voor een inklapbaar-paneelobject inschakelt, wordt het paneel 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-paneelobject in het documentvenster.
2 Ga naar de eigenschappencontrole (Venster > Eigenschappen) en schakel Animatie inschakelen in of uit.
Het inklapbaar-paneelobject aanpassen
Hoewel u vanuit de eigenschappencontrole eenvoudige bewerkingen in een inklapbaar-paneelobject kunt uitvoeren,
worden aangepaste opmaaktaken niet ondersteund. U kunt de CSS-regels voor het inklapbaar-paneelobject wijzigen en een
inklapbaar paneel maken dat naar uw eigen smaak is opgemaakt. 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 het object kunt toepassen.
Hoewel u de regels voor het inklapbaar-paneelobject gemakkelijk rechtstreeks in het bijbehorende CSS-bestand kunt
bewerken, kunt u ook het paneel CSS-stijlen gebruiken om de CSS van een inklapbaar paneel te bewerken. Het paneel CSSstijlen
is handig om de CSS-klassen te zoeken die aan de verschillende onderdelen van het object zijn toegewezen, met name als
u de modus Huidig van het paneel gebruikt.
Zie ook
“Het paneel CSS-stijlen in de modus Huidig” op pagina 121
Tekst opmaken van inklapbaar-paneelobject
U kunt de tekst van een inklapbaar-paneelobject opmaken door eigenschappen in te stellen voor de gehele inklapbaarpaneelcontainer
of voor de componenten van het specifieke object.
❖ Als u de tekstopmaak van een inklapbaar-paneelobject 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-paneelobject
❖ Als u de achtergrondkleuren van verschillende delen van een inklapbaar-paneelobject 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)
438