CSS Style Switcher

Layout mit CSS anpassen

Die Trennung von Inhalt (HTML) und Formatierung (CSS) macht es möglich, das Aussehen einer Webseite vollständig zu verändern ohne den Quelltext der Datei selbst zu modifizieren.

CSS Style Switcher

Probiere es aus, hier sind einige Beispiele, die nur das Stylesheet dieser Seite austauschen. JavaScript wird hier nur eingesetzt, um dem Browser ein zusätzliches Style Sheet unterzujubeln.

• Standard Layout
•  
• Schriftgröße vergrößern
• Schriftgröße verkleinern
• Dunkles Layout
•  
• Ohne CCS ;-) — allerdings nicht (wie oben) über ein separates Style Sheet gelöst, sondern direkt, indem per JavaScript alle CSS Style Sheets deaktiviert werden.

Der Style Switcher funktioniert nicht in Safari und natürlich auch nicht, wenn JavaScript im Browser ausgeschaltet ist. In Firefox, den neueren Chrome Versionen und in Opera kann man das Stylesheet jederzeit auch über das Ansicht-Menü wechseln.

Wenn dir der Style Switcher gefällt, kannst du dir den Quelltext dieser Seite und das Script in switch.js ansehen oder herunter laden und in eigene Seiten einbauen.