Toms Stichpunkte rund ums Web
Zum Navigationsmenü

Style Switcher

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

Probiere es aus, hier sind einige Beispiele, die nur das Stylesheet dieser Seite austauschen:

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

Gefällt dir eines der Layouts besser als der Standard, kannst du dir alle meine Seiten im gewünschten Design anzeigen lassen. Der Button setzt einen Cookie, der dafür sorgt, dass überall das in dieser Ansicht verwendete Stylesheet genutzt wird.

Nähere Informationen zu Cookies findest du in meiner alten Bastelbude. Willst du den Keks wieder loswerden, klicke Cookie löschen. Dann gibt es in Zukunft nur noch den Standard.

Wenn dir mein 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. Nett wäre es, wenn du mir dann den Link mailen würdest, damit ich es mir ansehen kann.

hoch

weitere Style Switcher im Web:
Zen Garden
The Beauty in CSS Design, unbedingt sehenswert!
meyerweb.com presentation
An Eric Meyers Style Switcher habe ich mich orientiert
CSS-Design Style Switcher
Ein Special des Webwriting-Magazins
Smashing Magazine: Style Switchers Are Back
Ideas, Examples and a Contest Design Showcase

JavaScript-Style Switcher erklärt:
Working With Alternate Style Sheets
von Paul Sowden in A List Apart, Script zum downloaden
CSS Style Switcher
von Jan Heinicke auf fractatulum.de, Quelltext auf der Seite
Lioreans Theme Switcher
Tutorial mit heftigem objektorientierten JavaScript
Change Style Sheet und
CSS Disabling
Peter-Paul Koch beschreibt seinen Ansatz

serverseitige Switcher mit php:
Build a PHP Switcher
von Chris Clark, A List Apart
PHP Style Switcher
von Martin Tsachev, mtWeb
Another PHP Styleswitcher
Tutorial von Rob Ballou, contrastsweb
Styleswitcher mit Javascript und PHP
von Kai Laborenz, CSS-Praxis
Manage your content with php
Style Switcher in einem CMS, von Christopher Robbins

hoch
Valid HTML 4.01!
Valid CSS!

http://www.stichpunkt.de/css/switch.html