SSI - Immer mal anders

Der Zufall spielt keine große Rolle im Webdesign. Geben Sie ihm eine Chance und bringen Sie Farbe in Ihr Design. Mit SSI ist das schnell gemacht.

Da SSI selbst keine zufälligen Ereignisse erzeugen kann, behelfen wir uns mit einem Trick, der bereits bei Dr. Web beschrieben wurde: "SSI: Zufällige Ausgaben".

Gedacht für wechselnde Ausgaben von Texten, verwenden wir diese Methode, um ein Stylesheet mit jedem Seitenaufruf zu verändern. In unserem Beispiel wechseln der Hintergrund und der Rahmen einer Tabelle.

<style>
.rahmen { background-color :
<!--#config timefmt="%S" -->
<!--#set var="sekunde" value="$DATE_LOCAL" -->
<!--#if expr="$sekunde = /.0/" -->red
<!--#elif expr="$sekunde = /.1/" -->blue
<!--#elif expr="$sekunde = /.2/" -->green
<!--#elif expr="$sekunde = /.3/" -->silver
<!--#elif expr="$sekunde = /.4/" -->cornsilk
<!--#elif expr="$sekunde = /.5/" -->yellow
<!--#elif expr="$sekunde = /.6/" -->gray
<!--#elif expr="$sekunde = /.7/" -->gold
<!--#elif expr="$sekunde = /.8/" -->powderblue
<!--#elif expr="$sekunde = /.9/" -->blue<!--#endif --> }

.zelle { border : 8px solid
<!--#config timefmt="%S" -->
<!--#set var="sekunde" value="$DATE_LOCAL" -->
<!--#if expr="$sekunde = /.0/" --> blue
<!--#elif expr="$sekunde = /.1/" -->gold
<!--#elif expr="$sekunde = /.2/" -->#996633
<!--#elif expr="$sekunde = /.3/" -->blue
<!--#elif expr="$sekunde = /.4/" -->cornsilk
<!--#elif expr="$sekunde = /.5/" -->gray
<!--#elif expr="$sekunde = /.6/" -->yellow
<!--#elif expr="$sekunde = /.7/" -->red
<!--#elif expr="$sekunde = /.8/" -->white
<!--#elif expr="$sekunde = /.9/" -->silver<!--#endif --> }
</style>

Keine Sorge, wenn das jetzt etwas "krumm" erscheint. Der Browser bekommt einen völlig korrekten Quellcode geliefert, die Verarbeitung von SSI geschieht ja bereits vorher auf dem Server.

Auf diese Weise lassen sich Bilderrahmen, Tabellen, Textmarker, Hintergründe, Schriften und vieles andere behandeln. Je nachdem worauf die Methode angesetzt wird, ist mit jedem Seitenaufruf ein verändertes Design oder ein neues Detail zu sehen. Und natürlich klappt es nicht nur mit Farben, sondern auch mit Maßeinheiten und Stilen. Hier geht's zum Live-Demo.