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(); ?>.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 fünf Dateien:
- first.png (Erster Advent
- second.png (Zweiter Advent)
- third.png (Dritter Advent)
- fourth.png (Vierter Advent)
- eve.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 == 27) {
document.write("<img src=\"first.png\">");
}
if (Monat == 12 && Tag == 4) {
document.write("<img src=\"second.png\">");
}
if (Monat == 12 && Tag == 11) {
document.write("<img src=\"third.png\">");
}
if (Monat == 12 && Tag == 18) {
document.write("<img src=\"forth.png\">");
}
</script>
Und hier die PHP-Variante:
<?php
//Bildanzeige nur am Adventsonntag im Jahr 2011
$today = date("d");
$monat = date("m");
if($monat=="11" and $today=="27") {echo "<img src=\"first.png\" alt=\"Adventsgrafik\">";}
if($monat=="12" and $today=="4") {echo "<img src=\"second.png\" alt=\"Adventsgrafik\">";}
if($monat=="12" and $today=="11") {echo "<img src=\"third.png\" alt=\"Adventsgrafik\">";}
if($monat=="12" and $today=="18") {echo "<img src=\"forth.png\" alt=\"Adventsgrafik\">";}
?>
Das Javascript und die PHP-Variante von Daniel Wurst sind aktuell auf die Adventssonntage des Jahres 2011 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
- www.weihnachtswelt.de.vu - hier gibt es einen Adventskranz zum Einbinden für die eigene Homepage
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:
- Peter Ressel, www.kabelkonfektion-ressel.net, Lizenz GNU GPL
Grafik "first.png":
Grafik "second.png"
Grafik "third.png"
Grafik "forth.png"
Grafik "eve.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!
| Twittern |
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
Newsbox
Nachfolgend die 5 neuesten Nachrichten, Links und Tools für Webmaster:Können die Besucher Ihrer Webseite Ihnen vertrauen?
Um das Besuchervertrauen geht es im SEO-Blog von Arno Ashoff: http://www.website-seo-check.com/vertrauenswuerdige-seiten/koennen-die-besucher-ihrer-website-ihnen-trauen.html
Geschrieben am 22 Feb 2012 von Karl Oltmanns
Animierte Twitter-Buttons
Bei www.twitterflash.net/buttons/de bekommen Sie animierte Twitter-Buttons für Ihre Homepage.
Geschrieben am 21 Feb 2012 von Karl Oltmanns
HTMLing.net - HTML-Einführung nicht nur für Kinder
www.htmling.net - Einführung in HTML, CSS, PHP, MySQL und Flash, der Schwerpunkt liegt im Bereich HTML. Das Projekt ist kindgerecht gestaltet, aber auch für Erwachsene als Einstieg sehr gut geeignet und leicht verständlich.
Geschrieben am 20 Feb 2012 von Karl Oltmanns
RSS-Readers.org - Übersicht über RSS-Reader
Auf der Webseite www.rss-readers.org finden Sie eine Übersichtsliste über RSS-Reader für verschiedene Betriebssysteme sowie eMail- und webbasierte Reader und Reader für den mobilen Gebrauch.
Geschrieben am 20 Feb 2012 von Karl Oltmanns
HTML5 Please
html5please.us - auf HTML5 Please finden Sie eine Auflistung, welche Features von HTML5 Sie bereits bedenkenlos einsetzen können, welche mit Vorsicht einsetzbar sind und welche aktuell besser noch nicht verwendet werden sollten.
Geschrieben am 17 Feb 2012 von Karl Oltmanns
Mehr Nachrichten in unserer Rubrik "Updates und News für Webmaster"
Feedback und Informationen zu meine-erste-homepage.com:
meine-erste-homepage.com ist bei 1&1 Webhosting gehostet.
