Ein Adventskranz für Ihre Homepage
Ein Adventskranz bringt weihnachtliche Stimmung auf Ihre Homepage. Natürlich sollen die Kerzen sich automatisch entzünden, passend zum aktuellen Advent. Wir zeigen nachfolgend Lösungsansätze in Javascript und PHP und stellen Ihnen Grafiksets zur Verfügung.
Adventskranz via PHP auf der eigenen Homepage realisieren (Autor Patrik Scheips)
Der folgende PHP-Codeschnipsel hat den Vorteil, dass der Adventskranz die ganzen Adventswochen durchgängig angezeigt wird. Zudem kann ab Weihnachten eine spezielle "Frohe Weihnachten"-Grafik angezeigt werden. Und das Script sollte jedes Jahr automatisch funktionieren, ohne dass die einzelnen Adventssonntage von Hand geändert werden müssen. Das Script ist von Patrick Scheips (de.simple-dev.org) erstellt worden und uns kostenlos zur Verfügung gestellt worden. So sieht der eingebundene Adventskranz aus:
Benötigter PHP-Code (hier als advent.php bezeichnet):
<?php
function getAdventsSonntag() {
$currentYear = date("Y");
$firstAdvent = strtotime("+1 sunday",mktime(0,0,0,11,26,$currentYear));
$secondAdvent = strtotime("+2 sunday",mktime(0,0,0,11,26,$currentYear));
$thirdAdvent = strtotime("+3 sunday",mktime(0,0,0,11,26,$currentYear));
$fourthAdvent = strtotime("+4 sunday",mktime(0,0,0,11,26,$currentYear));
$christmasEve = mktime(0,0,0,12,24,$currentYear);
if (time() > $christmasEve) {
$image = "eve";
} elseif (time() > $fourthAdvent) {
$image = "fourth";
} elseif (time() > $thirdAdvent) {
$image = "third";
} elseif (time() > $secondAdvent) {
$image = "second";
} elseif (time() > $firstAdvent) {
$image = "first";
}
return $image;
}
?>
Dazu hier noch eine Einbauanleitung von Patrick:
Folgendes img-Tag muss eingebaut werden, damit die entsprechend richtige Grafik angezeigt wird:
<img src="<?php echo getAdventsSonntag(); ?>image.png" alt="Frohe Vorweihnachtszeit!">
Bitte fügen Sie den Inhalt der Datei "advent.php" ganz oben in den Quelltext Ihrer Seite ein und legen Sie in den selben Ordner, in dem sich die Seite mit dem Inhalt der "advent.php" befindet, folgende sechs Dateien:
- image.png (für die Zeit außerhalb der Adventszeit)
- firstimage.png (Erster Advent)
- secondimage.png (Zweiter Advent)
- thirdimage.png (Dritter Advent)
- fourthimage.png (Vierter Advent)
- eveimage.png (Heiliger Abend)
Adventskranz via Javascript oder PHP auf der eigenen Homepage realisieren (Autor Daniel Wurst)
Das Script haben wir in einer Diskussion in unserem Homepage-Forum entdeckt, es ist einmal als Javascript und einmal als PHP-Variante verfügbar. Zuerst die Javascript-Variante:
<script type="text/javascript">
Heute = new Date();
Tag = Heute.getDate();
Monat = Heute.getMonth()+1;
if (Monat == 11 && Tag == 29) {
document.write("<img src=\"first.png\">");
}
if (Monat == 12 && Tag == 6) {
document.write("<img src=\"second.png\">");
}
if (Monat == 12 && Tag == 13) {
document.write("<img src=\"third.png\">");
}
if (Monat == 12 && Tag == 20) {
document.write("<img src=\"forth.png\">");
}
</script>
Und hier die PHP-Variante:
<?php
//Bildanzeige nur am Adventsonntag im Jahr 2015
$today = date("d");
$monat = date("m");
if($monat=="11" and $today=="29") {echo "<img src=\"first.png\" alt=\"Adventsgrafik\">";}
if($monat=="12" and $today=="6") {echo "<img src=\"second.png\" alt=\"Adventsgrafik\">";}
if($monat=="12" and $today=="13") {echo "<img src=\"third.png\" alt=\"Adventsgrafik\">";}
if($monat=="12" and $today=="20") {echo "<img src=\"forth.png\" alt=\"Adventsgrafik\">";}
?>
Das Javascript und die PHP-Variante von Daniel Wurst sind aktuell auf die Adventssonntage des Jahres 2015 eingestellt, für andere Jahre müssen Sie den Monat und Tag der 4 Adventssonntage von Hand anpassen
Weitere Webseiten mit Adventskranz-Scripten und Lösungen:
Auf nachfolgenden Webseiten finden Sie weitere Lösungsansätze, um einen Adventskranz auf Ihrer Homepage zu realisieren:
- www.homepage-faqs.de/index.php?site=hp-adventskranz - Homepage-FAQs.de zeigt Varianten, einen Adventskranz auf der eigenen Homepage zu realisieren.
- www.homepage-faqs.de/index.php?site=php-adventskalender - Homepage-FAQs.de zeigt die Realisierung eines Adventskalenders inkl. Anpassung der Grafiken an die 4 Adventssonntage
- www.npage.de/forum/html-css/23885-script-fuer-animierten-adventskranz-2.html - in diesem Forum gibt es einen Code für einen Javascript-Adventskranz
Grafiksets
Linkquellen für Adventskranz-Grafiksets:
Wenn Sie Grafiker sind und der Community kostenlos Adventskranz-Grafiksets inklusive einer "Frohe Weihnachten" Grafik senden wollen, so mailen Sie uns die Grafiken an unsere eMail (Siehe Impressum). Bis jetzt haben uns folgende Grafiksets erreicht, die wir hier allen Usern der Community zur Verfügung stellen:
- Karl Oltmanns erstellt mit Cooltext.com
Grafik "image.png"
- Peter Ressel, www.kabelkonfektion-ressel.net, Lizenz GNU GPL
Grafik "firstimage.png":
Grafik "secondimage.png"
Grafik "thirdimage.png"

Grafik "forthimage.png"
Grafik "eveimage.png"
- Grafiksets von Thomas Riemer, www.thmax.de, zum Download als ZIP-Datei:
thmax_grafiken_adventskranz.zip
Wir wünschen euch allen eine schöne Weihnachtszeit!
Weitere interessante Rubriken / Webseiten zu diesem Themenbereich:
- Countdown - ein Coundown zum Jahreswechsel
- Feuerwerk - ein Feuerwerk auf Ihrer Homepage
- Herbstgifs - schmücken Sie Ihre Homepage mit herbstlichen Grafiken
- Silvester - Silvester-Spezial
- Weihnachten - unser großes Weihnachts-Spezial für Webmaster
- Weihnachtsgifs - weihnachtliche Gifs für Ihre Homepage

