Varianten

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.

Wozu sind diese Varianten gut ?

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:

ViolettContrastPale

ViolettContrastPale

 

Link zum Farbschema

ViolettMonoDefault

ViolettMonoDefault

Link zum Farbschema

GelbContrastLightpastel

GelbContrastLightpastel

Link zum Farbschema

BlauTriadPale

BlauTriadPale

Link zum Farbschema

RotContrastPastel

RotContrastPastel

Link zum Farbschema

 

© Burkhard Schlutt -Eigenes Design Impressum Grau ViolettContrastPale ViolettMonoDefault GelbContrastLightpastel BlauTriadPale RotContrastPastel