Operation Manual
443
DREAMWEAVER GEBRUIKEN
Spry-pagina's visueel opbouwen
Laatst bijgewerkt 2/5/2011
• Selecteer een accordeonwidget in het documentvenster en klik in het menu Panelen van de eigenschappencontrole
(Venster > Eigenschappen) op de naam van het paneel dat u wilt bewerken.
De volgorde van panelen wijzigen
1 Selecteer een accordeonwidget in het documentvenster.
2 Selecteer in de eigenschappencontrole (Venster > Eigenschappen) de naam van het accordeonpaneel dat u wilt
verplaatsen.
3 Klik op de pijlen omhoog of omlaag om het paneel omhoog of omlaag te verplaatsen.
De accordeonwidget aanpassen
Hoewel u vanuit de eigenschappencontrole eenvoudige bewerkingen in een accordeonwidget kunt uitvoeren, worden
aangepaste opmaaktaken niet ondersteund. U kunt de CSS-regels voor de accordeonwidget wijzigen en een accordeon
maken die 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 kleuren van de accordeonwidget.
Voor een geavanceerdere lijst met opmaaktaken gaat u naar
www.adobe.com/go/learn_dw_spryaccordion_custom_nl.
Alle CSS-regels in de volgende onderwerpen verwijzen naar de standaardregels in het bestand SpryAccordion.css.
Dreamweaver slaat het bestand SpryAccordion.css in de map SpryAssets van uw site op wanneer u een Spry-
accordeonwidget maakt. Dit bestand bevat ook informatie met commentaar over diverse stijlen die van toepassing zijn
op de widget, dus misschien kunt u ook dit bestand bekijken.
Hoewel u de regels voor de accordeonwidget gemakkelijk rechtstreeks in het CSS-bestand kunt bewerken, kunt u ook
het deelvenster CSS-stijlen gebruiken om de CSS van een accordeon 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 accordeonwidget
U kunt de tekst van een accordeonwidget opmaken door eigenschappen in te stellen voor de gehele
accordeoncontainer of voor de componenten van de specifieke widget.
❖ Als u de tekstopmaak van een accordeonwidget 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 tekst Relevante CSS-regel Voorbeeld van toe te voegen
eigenschappen en waarden
Tekst in de gehele accordeon (inclusief tab en
inhoudspaneel)
.Accordion of .AccordionPanel font: Arial; font-size:medium;
Alleen tekst op paneeltabs van accordeon .AccordionPanelTab font: Arial; font-size:medium;
Alleen tekst op inhoudspanelen van
accordeon
.AccordionPanelContent font: Arial; font-size:medium;