Trapsgewijze opmaakmodellen bieden (CSS) een snelle en eenvoudige manier om op te geven van de look en feel van documenten die je schrijft in een markup taal. CSS-stijlen worden meestal toegepast op webpagina's geschreven in HTML of XHTML. Met het gebruik van JavaScript en een hyper link kunnen makers van webpagina's bezoekers van de site gemakkelijk laden een alternatieve stylesheet. Deze tweede blad kan worden gebruikt om nuttige uiterlijk waarneembare veranderingen, zoals groter contrast tussen de voorgrond-en achtergrondkleuren of meer tekengrootten.
Verwijzingen van het type blad aan de koptekst van uw web-pagina toevoegen. Beide opmaakmodellen moeten door uw web-pagina worden geladen, voordat zij kunnen worden ontstoken. Kopieer en plak de onderstaande code tussen de
codes van uw pagina:De namen van de steekproef bestanden vervangen door de werkelijke namen en locaties van uw twee opmaakmodellen.
Toevoegen JavaScript om stijl schakelen. De code hieronder, geboden voor openbaar gebruik door thesitewizard.com, heeft twee functies: overschakelen van een opmaakmodel naar de andere en het instellen van een cookie op de computer van de gebruiker om de juiste stylesheet ladingen op elke websitepagina ze bezoeken. Maak een lege regel tussen de
Tags van uw document, dan kopieer en plak de volgende code op die regel:Een laststroom opdracht toevoegen aan de lichaamsmarkering. Zoek de opening
tag in de code van uw pagina. De tag wordt vervangen door de volgende code:Stijl schakelen koppelingen toevoegen. Nu de opmaakmodellen en JavaScript uitgevoerd worden, maken de links die de switch functie aanroepen. Deze koppelingen worden gecodeerd in de volgende notatie:
Deze links plaatsen waar u wilt zoeken de stijlpagina switch besturingselementen. Uw pagina opslaan en bekijken in uw browser. Te klikken op de eerste link laadt uw oorspronkelijke stylesheet, terwijl de plaatsvervanger te klikken op de tweede laadt.