Wählen Sie eine Text- und Hintergrundfarbe:
Rot / Gelb
Grün / Khaki
Schwarz / Weiss
Dies ist nur eine einfache Demonstration der Möglichkeiten, in der die Text- und Hintergrundfarben per Stylesheet geändert werden können.
Um die Layoutwahl auch auf den folgenden Seiten beibehalten zu können, müssen die Links in folgender Form ergänzt werden:
<a href="seite.shtml?<!--#echo var="QUERY_STRING" -->">Link</a>
Der Quelltext dieser Seite:
<html>
<head>
<!--#if expr="$QUERY_STRING = 'css1'" -->
<STYLE TYPE="text/css">
p { font-family: Arial, Sans-Serif; font-size: 10pt; color: red }
body { background-color: yellow }
</STYLE>
<!--#elif expr="$QUERY_STRING = 'css2'" -->
<STYLE TYPE="text/css">
p { font-family: Arial, Sans-Serif; font-size: 10pt; color: darkgreen }
body { background-color: darkkhaki }
</STYLE>
<!--#else -->
<STYLE TYPE="text/css">
p { font-family: Arial, Sans-Serif; font-size: 10pt; color: black }
body { background-color: white }
</STYLE>
<!--#endif -->
</head>
<body>
<p>Wählen Sie eine Text- und Hintergrundfarbe:</p>
<p><a href="<!--#echo var="DOCUMENT_URI" -->?css1">Rot / Gelb</a><br>
<a href="<!--#echo var="DOCUMENT_URI" -->?css2">Grün / Khaki</a><br>
<a href="<!--#echo var="DOCUMENT_URI" -->">Schwarz / Weiss</a></p>
<p>Dies ist nur eine einfache Demonstration der Möglichkeiten, in der die
Text- und Hintergrundfarben per Stylesheet geändert werden können.</p>
<p>Um die Layoutwahl auch auf den folgenden Seiten beibehalten zu können, müssen
die Links in folgender Form ergänzt werden:</p>
<p><code><a href="seite.shtml?<!--#echo var="QUERY_STRING" -->">Link</a></code></p>
</body>
</html>