Für das Design Sachlich01 wurden verschiedene Farbvarianten entworfen. Bei allen Varianten wurde der Grundsatz verfolgt, dass die Schrift dunkler ist als der Hintergrund. Nur für Hervorhebungen wurde dies umgekehrt.
Standardmäßig, wie zum Beispiel auf diesen Demoseiten, sind alle 6 Farbvarianten ständig verfügbar. Dies wird durch die folgenden Zeilen im Quellcode der Seite deutlich:
<link rel="stylesheet" type="text/css" href="Html/sachlich01a.css" title="Grau"> <link rel="alternate stylesheet" type="text/css" href="Html/sachlich01b.css" title="ViolettContrastPale"> <link rel="alternate stylesheet" type="text/css" href="Html/sachlich01c.css" title="ViolettMonoDefault"> <link rel="alternate stylesheet" type="text/css" href="Html/sachlich01d.css" title="GelbContrastLightpastel"> <link rel="alternate stylesheet" type="text/css" href="Html/sachlich01e.css" title="BlauTriadPale"> <link rel="alternate stylesheet" type="text/css" href="Html/sachlich01f.css" title="RotContrastPastel">
Ein Besucher, der zum ersten Mal diese Webseiten betritt, sieht die Variante mit dem Titel Grau. Benutzer der Browser Firefox und Opera können zwischen den anderen Varianten ganz einfach im Browsermenü umschalten (Firefox: Ansicht > Webseitenstil; Opera: Ansicht > Seitendarstellung). Die einzelnen Varianten werden mit ihren im title genannten Begriffen als Menüpunkte aufgeführt.
Für alle Browser verfügbar ist die Umschaltung über die in der Fusszeile verfügbaren Links.
Navigiert ein Benutzer zu anderen Seiten des gleichen Designs bleiben die zuvor vorgenommenen Änderungen bei der Auswahl der Varianten erhalten. Verantwortlich hierfür ist eine einzige kleine Zeile im Quelltext:
<script type="text/javascript" src="https://file1.hpage.com/001581/42/html/stylesheet_cookie1.js"></script>
Das hier aufgerufene Script setzt einen Cookie mit Angaben zum zuletzt genutzten Stilesheet. Das Cookie hat eine gültigkeit von 365 Tagen, d.h. ein Nutzer, der innerhalb dieses Zeitraumes wieder auf die Websseite, sieht diese automatisch wieder mit den gleichen Farbvorgaben.
Neben dem Standardschema stehen die folgenden Farbvarianten zu Verfügung:
© Burkhard Schlutt -Eigenes Design | Impressum | Grau | ViolettContrastPale | ViolettMonoDefault | GelbContrastLightpastel | BlauTriadPale | RotContrastPastel |