Wichtig!:

Seit ich 2005 mit dem Webdesign begann, wollte ich ein Layout erstellen, dass ab einer bestimmten Uhrzeit automatisch sein Äußeres ändert. Nie fand ich ein solches oder ähnliches Skript, doch nun ist es mir gelungen, es mir selber zu basteln! Auch wenns nicht viel ist, bin ich darauf sehr stolz und bitte deswegen auch bei Verwendung um einen Creditlink zu Peril. So viel zum Vorwort

Ein dynamisches Websitelayout lässt sich ganz einfach mit PHP konfigurieren, dafür sind 3 Schritte nötig:

SCHRITT 1: MEIN SKRIPT
- Zuerst ermittelt ihr von eurer Windowskonfiguration die momentane Stunde und weist ihr die Variable std zu.
- Anschließend ordnet ihr weiteren 2 Variablen tag und nacht die Bilder zu:
Tag erhält die Bildurl, die tagsüber angezeigt werden soll und Nacht die Bildurl, die abends und nachts auf eurer Seite sichtbar sein soll.
- Zu letzt erzeugen wir eine If-Bedingung:
Wenn die Stunde über 7 und unter 19 Uhr ist, dann wird das Tagesbild angezeigt, ansonsten das Nachtbild (Die Zeit könnt ihr nazürlich auch ändernˆˆ)
So schauts das...

Der gesamte Beispielcode:

<?php
// Abfrage der momentanen Stunde
$std = date("G");

// Headerzuordnung
$tag = "<img src='Bilder/tag.png'>";
$nacht = "<img src='Bilder/nacht.png'>";

// Vergleichsoperatoren 
if ($std >= 7 && $std < 19) { // von 7.oo Uhr bis 18.59 Uhr
echo $tag;
}
else {// von 19.oo Uhr bis 6.59 Uhr
echo $nacht;
}
?>


SCHRITT 2: DIE ANWENDUNG
Das Skript müsst ihr nun natürlich noch richtig in eurem Quelltext/Code einsetzen. Und zwar im Bodybereich bei der Headerverlinkung.
Beispiel:

<img src="Bilder/header.png" width="1002" height="700" border="0"
style="position:absolute; top: 0; left:0">

So würde eine normale Headerverlinkung ausschauen (natürlich nicht gesliced), diese bearbeiten wir jetzt so, dass sie um 19 Uhr ein anderes Bild verlinkt.
Gesamter Anwendungscode:

<img src="<?php
// Abfrage der momentanen Stunde
$std = date("G");

// Headerzuordnung
$tag = "Bilder/tag.png";
$nacht = "Bilder/nacht.png";

// Vergleichsoperatoren 
if ($std >= 7 && $std < 19) { // von 7.oo Uhr bis 18.59 Uhr
echo $tag;
}
else {// von 19.oo Uhr bis 6.59 Uhr
echo $nacht;
}
?>" width="1002" height="700" border="0" style="position:absolute;
top: 0; left:0">

SCHRITT 3: DIE STYLESHEETS
Wenn ihr nicht nur das Bild, sondern auch das CSS dazu wechseln lassen wollt, lässt sich der Code natürlich auch bei der Styledatei, die ihr im Headbereich einbaut, anwenden:

<link rel="stylesheet" type="text/css" href="/style.css">


Vorheriges wird mit Tag-Nacht-Switch zu... :

<link rel="stylesheet" type="text/css" href="<?php
// Abfrage der momentanen Stunde
$std = date("G");

// Headerzuordnung
$tag = "tag.css";
$nacht = "nacht.css";

// Vergleichsoperatoren 
if ($std >= 7 && $std < 19) { // von 7.oo Uhr bis 18.59 Uhr
echo $tag;
}
else {// von 19.oo Uhr bis 6.59 Uhr
echo $nacht;
}
?>">

Das wars viel Spaß, Isa