SSI - Jeden Tag ein neues Stylesheet

Das Web braucht Bewegung. Wer nicht täglich neue Inhalte liefern kann, könnte es anders versuchen: mit einem veränderten Design. Via Stylesheet ist es recht einfach, die Farben, Textauszeichnungen, Rahmen oder Abstände zu verändern. Mit SSI geht das automatisch.

Da Server Side Includes direkt auf dem Server ausgeführt werden, ist es möglich auch den Dateikopf dynamisch zu halten. Das machen wir uns zu Nutze, um für jeden Tag der Woche anderes Stylesheet zu verwenden. Das Zeitformat kommt zum Einsatz.

<!--#config timefmt="%w" -->
<!--#if expr="\"$DATE_LOCAL\" = /0/" -->
<link rel="stylesheet" type="text/css" href="sonntag.css" media="screen">
<!--#elif expr="\"$DATE_LOCAL\" = /1/" -->
<link rel="stylesheet" type="text/css" href="montag.css" media="screen">
<!--#elif expr="\"$DATE_LOCAL\" = /2/" -->
<link rel="stylesheet" type="text/css" href="dienstag.css" media="screen">
<!--#elif expr="\"$DATE_LOCAL\" = /3/" -->
<link rel="stylesheet" type="text/css" href="mittwoch.css" media="screen">
<!--#elif expr="\"$DATE_LOCAL\" = /4/" -->
<link rel="stylesheet" type="text/css" href="donnerstag.css" media="screen">
<!--#elif expr="\"$DATE_LOCAL\" = /5/" -->
<link rel="stylesheet" type="text/css" href="freitag.css" media="screen">
<!--#else -->
<link rel="stylesheet" type="text/css" href="samstag.css" media="screen">
<!--#endif -->

Sieben externe Dateien müssen natürlich noch erstellt werden. An Stelle des einzeiligen <link> Tags wird der obige Block verwendet.

Wer Layer verwendet, kann das Design auf diese Weise komplett verändern. Natürlich ist es auch möglich, nur zum Wochenende das Design zu ändern. Browserkritisch ist das alles nicht, da der SSI Code ja auf dem Server ausgeführt wird.