Adventskalender Vorlage
    
 Home • Adventskalender • Kalender 03 • Beschreibung + Download Demo

 Adventskalender 03   3 Häuser

Der Online-Adventskalender zeigt eine Häuserfront mit 24 Klickbereichen, die bei MouseOver die Fensterchennummer (Tag) anzeigen. Anklicken öffnet die jeweilige Tagesdatei. Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken.

Traditioneller Kalender mit 24 Fensterchen

UPDATE  neue Version (03-03) mit PopUp für Zusatzinfo

Der Adventskalender 03-01 + 03-02 kann wegen der Breite von 500 Pixel innerhalb eines Framesets oder auf einer eigenen HTML-Seite eingebunden werden. Er zeigt in traditioneller Form eine Häuserfront.

Die 24 Fenster der dargestellten Häuser sind Klickbereiche, die bei MouseOver die Fensternummer (Tag) anzeigen und beim Anklicken die jeweilige Tagesdatei öffnen (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken.		 Online-Adventskalender


Unterschieden wird die Zeit vor Dezember, die Zeit vom 1. - 24 Dezember und nach dem 24. Dezember.

Der Adventskalender 03-03 sollte wegen der Breite von 700 Pixel auf einer eigenen HTML-Seite angezeigt werden. Er zeigt in traditioneller Form eine Häuserfront.

Die Version 03-03 bietet Ihnen zusätzlich die Anzeige eines Info-PopUps das jederzeit, auch außerhalb der Adventszeit, abgerufen werden kann.

(Klick auf die Schneemänner) 		Online-Adventskalender


    Kalender 03 - Demo - Vorschau - Download

Einfach die Zip-Datei herunterladen und in einenem neuen Ordner zum Testen auspacken. Dann meine 24 HTML-Musterdateien anpassen. Nein, für ein Download der Zip-Datei müssen Sie sich nicht registrieren und ich sammle auch keine Emailadressen. Wenn Sie möchten, verlinke ich Ihren Kalender in meiner Übersicht.

Kontaktformular  (Emailadresse nicht erforderlich)   Nutzungsbedingungen

Die Verwendung meiner Vorlagen ist zur Darstellung eines Adventskalenders auf privaten und nicht privaten Webseiten kostenlos. Ebenso für die Verwendung auf einer Weihnachts-CD dürfen meine Kalender kostenlos herunter geladen werden. Es wäre schön, wenn mein Link erhalten bleibt (muss aber nicht). Lediglich der Copyright-Vermerk im Schneefallscript muss erhalten bleiben.

Wenn Sie mir eine Freude machen möchten, schicken Sie mir eine Karte mit der 'richtigen' Post. Adresse: Wilhelm Jansen, am Park 18, 52511 Geilenkirchen.


Bei den Demo-Versionen ist die Datumsprüfung inaktiv!

 Demo + Download als ZIP-Datei
VTagesdateiBreiteDemoVorschauDownloadExtras
03-01Pop-Up-Window500 Pixel anzeigen anzeigen  03-01 -
03-02gleiches Fenster500 Pixel anzeigen   anzeigen    03-02 -
03-03Pop-Up-Window700 Pixel anzeigen anzeigen  03-03 Info-PopUp
 
Tagesdateien (Anregung)Tagesdatei 19Tagesdatei 20



  4 Schritte zum Einbau

1)  Zip-Datei herunterladen und in einem neuen Ordner auspacken.
2)  Titeltext ändern
3)  meine 24 Tagesdateien anpassen.
4)  Kalender testen


Soll ihr Kalender nach bestandenem Test im Web veröffentlicht werden, laden sie ihren Ordner mit sämtlichen Dateien auf den Server und verlinken die Kalenderdatei, (wenn Sie möchten) mit dem Attribut '_blank', damit der Kalender in einem neuen Browserfenster angezeigt wird. 
<a target="_blank" href="ordnername/kalenderxxxxxx.htm"> zum Adventskalender </a>
Möchten sie den Kalender als CD verschicken, brennen sie sämtliche Daten auf einen Silberling.



Das war's schon!

Alles Notwendige ist getan! Wenn sie meinen Adventskalender als Zip-Datei herunter geladen haben, besitzen sie einen funktionierenden Online-Adventskalender. Sie können den Adventskalender noch weiter anpassen. Informationen dazu finden sie im Menü links.




Nutzungsbedingungen:

Ich stelle keine Bedingungen. Der Kalender ist frei für private und nicht private Seiten, darf also für die Verwendung auf Webseiten und CDs kostenlos heruntergeladen werden. Es wäre schön, wenn mein Link erhalten bleibt (muss aber nicht). Lediglich der Copyright-Vermerk im Schneefallscript muss erhalten bleiben.

Datenquelle der GIFs Schneemänner, Tanne, Schlitten + Kinder: http://www.kneller-gifs.de


  Erklärung und Funktion

In einer Tabelle steht eine Grafik. 24 Bereiche dieser Grafik (Fenster/Türen) sind als verweissensitive Bereiche einer ImageMap deklariert.

Was ist eine Imagemap
Verweissensitive Grafik (engl. image map).

Verweissensitive Grafiken bieten eine Möglichkeit, Hyperlinks innerhalb einer Grafik zu plazieren. Sie werden als rechteckige, runde oder freie Schaltflächen realisiert, die sich wie Verweise verhalten. Der sich verändernde Cursor der Maus deutet auf die nicht sichtbaren Schaltflächen hin.

Auf Web-Seiten häufig anzutreffende Beispiele sind Landkarten, in denen bestimmte Regionen zu den entsprechenden Seiten führen. Daneben findet man sie auch in „interaktiven“ Adventskalendern.

Eine solche Imagemap ist eine Grafik, die ganz normal mit einem <img>-Tag notiert wird. Zusätzlich wird das Attribut usemap eingetragen und ein Name für diese Map vergeben.

Zur Seite 'Erklärungn einer ImageMap' wechseln




Diese Imagemap-Bereiche lassen sich nur an dem dazugehörigen Tag im Dezember mit Erfolg anklicken. Ausnahme: Dateien der vorhergehenden Tage können ebenfalls geöffnet werden. Dann wird die entsprechende Tagesdatei angezeigt. Ungültige Versuche wie Klicken im November oder für in der Zukunft liegenden Adventstage öffnen eine Datei mit entsprechender Meldung. Vor Erreichen des entsprechenden Datums im Advent, lässt sich normalerweise (bei richtig eingestelltem Systemdatum) eine Tagesdatei nicht öffnen.


Online-Adventskalender

Die Häusergrafik (© Jansen) darf ausschließlich für meinen Kalender eingesetzt werden!
Tanne und Schneemänner stammen von www.kneller-gifs.de/

  • Der Adventskalender steht innerhalb einer Tabelle in der Seitenmitte
  • Die Grafik oben ist Inhalt einer Tabelle
  • Fenster und Türen sind Klickbereiche einer Image-Map
  • Bei MouseOver erscheint dort eine Nummer von 1 bis 24
  • Bei Klick wird eine Tagesdatei geöffnet (1.htm - 24.htm)
  • Bei Klick von Jan. - Nov. wird die Datei 00.htm gezeigt.
  • Angezeigt werden nur Tagesdateien des aktuellen und früheren Datums
  • Klicken z.B. am 5. Dez. auf das Kästchen für den 12. Dez. wird 0.htm gezeigt.
  • Schneefallscript eingebaut  © Altan - Copyright-Info    Webseite
  • aktuelles Datum wird angezeigt
  • Counter: Tage bis Weihnachten werden angezeigt
  • Nach dem 1. Dezember Aufforderung zum Klicken

Im Download (ZIP-Datei) sind enthalten:

  • Adventskalender als HTML-Datei (je nach Version)
  • 24 Musterseiten für die Tage 1-24 als HTML-Datei
  • 1 Musterseite Meldung 'zu früh' als HTML-Datei
  • 1 Musterseite Meldung 'gemogelt' als HTML-Datei
  • Kalendergrafik
  • xxxxxxx.htm
  • 1.htm - 24.htm
  • 00.htm
  • 0.htm
  • haueserfront.gif
Die Downloads wurden auf Virenfreiheit überprüft mit AviaAntivir Premium.


   Kalender testen

Nach dem Entpacken der ZIP-Datei in einem neuen Ordner, lassen sich die Funktionen des Adventskalenders nätürlich nicht alle testen. Schließlich wird durch eine Datumsprüfung verhindert, das man die Fensterchen zu früh öffnet. Zum Testen müssten Sie das Systemdatum ihres Rechners vordatieren.

Mehr Info dazu finden Sie im Menü links



Weitere Anpassungen

Möchten Sie ...
  • PopUp-Box (Tageszahl) gestalten
  • eigene Tagedateien erstellen
  • meine Musterdateien modifizieren
  • den Schneefall modifizieren
  • eine Musikdatei einbinden
  • eigene Pfadangaben eintragen
... darf ich Sie auf die Anleitungen zur Modifikation hinweisen. Sie finden die Anleitungen im Menü links.

 
Info zum Schneefall-Script

Das JavaScript für die langsam einschwebenden Schneeflocken habe ich nicht selbst geschrieben, darf aber frei verwendet werden, wenn die Copyright-Informationen unverändert bleiben!

Copyright-Informationen zum Schneefallscript von Altan im Menü links.








NACH OBEN