Operation Manual

454
DREAMWEAVER GEBRUIKEN
Spry-pagina's visueel opbouwen
Laatst bijgewerkt 2/5/2011
2 Open het menu Panelen van de eigenschappencontrole (Venster > Eigenschappen) en selecteer de naam van het
paneel dat u wilt verplaatsen.
3 Klik op de pijlen omhoog of omlaag om het paneel omhoog of omlaag te verplaatsen.
Het standaard geopende paneel instellen
U kunt instellen welk deelvenster van de widget deelvensters met tabs standaard is geopend wanneer de pagina in een
browser wordt geopend.
1 Selecteer een widget deelvensters met tabs in het documentvenster.
2 Ga naar de eigenschappencontrole (Venster > Eigenschappen) en selecteer het paneel dat u standaard wilt openen
in het pop-upmenu Standaardpaneel.
De widget deelvensters met tabs aanpassen
Hoewel u vanuit de eigenschappencontrole eenvoudige bewerkingen in een widget deelvensters met tabs kunt
uitvoeren, worden aangepaste opmaaktaken niet ondersteund. U kunt de CSS-regels voor de widget Deelvensters met
tabs wijzigen en een widget 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 widget Deelvensters met tabs.
Voor een geavanceerdere lijst met opmaaktaken gaat u naar
www.adobe.com/go/learn_dw_sprytabbedpanels_custom_nl.
Alle CSS-regels in de volgende onderwerpen verwijzen naar de standaardregels in het bestand SpryTabbedPanels.css.
Dreamweaver slaat het bestand SpryTabbedPanels.css in de map SpryAssets van uw site op wanneer u Spry-
deelvensters met tabs maakt. Dit bestand bevat ook nuttige informatie over diverse stijlen die u op de widget kunt
toepassen.
Hoewel u de regels voor de widget deelvensters met tabs gemakkelijk rechtstreeks in het bijbehorende CSS-bestand
kunt bewerken, kunt u ook het deelvenster CSS-stijlen gebruiken om de CSS van de widget 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.
Meer Help-onderwerpen
“Het deelvenster CSS-stijlen in de modus Huidig” op pagina 132
Tekst opmaken van de widget deelvensters met tabs
U kunt de tekst van een widget deelvensters met tabs opmaken door eigenschappen in te stellen voor de gehele
objectcontainer met deelvensters met tabs of voor de componenten van de specifieke widget.
❖ Als u de tekstopmaak van een widget deelvensters met tabs 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 hele widget .TabbedPanels font: Arial; font-size:medium;
Tekst op de paneeltabs .TabbedPanelsTabGroup of .TabbedPanelsTab font: Arial; font-size:medium;
Tekst in de inhoudspanelen .TabbedPanelsContentGroup of
.TabbedPanelsContent
font: Arial; font-size:medium;