 Adventskalender 04
Über einer Weihnachtsbaumgrafik gibt es 24 Klickbereiche (Kugeln oder Ornamente), die bei MouseOver die Fensternummer (Tag) anzeigen und beim Anklicken die jeweilige Tagesdatei öffnen. Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken.
|
|
Online-Adventskalender 04 Weihnachtsbaum mit Ornamenten
Bei diesem Online-Adventskalender haben sie mehrere Darstellungsmöglichkeiten zur Auswahl: Weihnachtsbaummotive in unterschiedlichen Größen, Darstellung mit und ohne Rahmen, Anpassung des Hintergrundes im Rahmen und für die gesamte Seite.
Kalender 04 V01 + V02
Der Adventskalender 04 ist für die Darstellung auf einer eigenen HTML-Seite gedacht. Er zeigt einen Weihnachtsbaum mit 24 Kugeln.
Der Kalender steht mit 2 unterschiedlich großen Grafiken (Weihnachtstanne) zur Auswahl.
V 01: Höhe 660 Pixel, Breite 550 Px
V 02: Höhe 500 Pixel, Breite 417 Px
So können sie die für sie geeignete Version (Mindestbreite) auswählen.
Alternative: siehe Version 08
|
|
|
Kalender 04 V03 mit Rahmen
Eine dritte Version stellt den Baum in einem Rahmen dar. Für diesen Rahmen können sie ihr eigenes Hintergrundbild einbinden.
Größe der verwendeten Baumgrafik:
V 03: Höhe 500 Pixel, Breite 417 Px
Die Breite des Rahmens könnte man bis auf 420 Pixel Breite verkleinern.
rechts: Ansicht der Version 03
| |
 |
Kalender 04 V04
Der Adventskalender 04 Version 04 ist für die Darstellung auf einer eigenen HTML-Seite gedacht. Er zeigt einen Weihnachtsbaum mit 24 Ornamenten. Größe der verwendeten Baumgrafik:
V 05: Höhe 500 Pixel, Breite 471 Px
Mindestbreite der Seite: 480 Px
In den Versionen 04 + 05 wird erst bei MouseOver die Tageszahl angezeigt.
(V01 - V03 haben numerierte Kugeln)
|
|
|
Kalender 04 V05 mit Rahmen
In der Funktion identisch mit Version 04.
Der Baum wurde hier in einem Rahmen plaziert. Für diesen Rahmen können sie ihr eigenes Hintergrundbild einbinden.
Größe der verwendeten Baumgrafik:
V 05: Höhe 500 Pixel, Breite 471 Px
Die Breite des Rahmens könnte man bis auf 480 Pixel verkleinern.
rechts: Ansicht der Version 05
|
|
|
Kalender 04 V06 neue Version 2009
Der Adventskalender 04 Version 06 ist für die Darstellung auf einer eigenen HTML-Seite gedacht. Er zeigt einen Weihnachtsbaum mit 24 Ornamenten. Größe der verwendeten Baumgrafik: Höhe 520 Px, Breite 500 Px
In dieser Version wird bei MouseOver die Tageszahl angezeigt.
rechts: Ansicht der Version 06
|
|
|
Kalender 04 V07 neue Version 2009
Der Adventskalender 04 Version 07 ist für die Darstellung auf einer eigenen HTML-Seite gedacht. Er zeigt einen Weihnachtsbaum mit 24 Ornamenten. Größe der verwendeten Baumgrafik: Höhe 520 Px, Breite 433 Px
In dieser Version wird bei MouseOver die Tageszahl angezeigt.
rechts: Ansicht der Version 07
|
|
|
Kalender 04 V08 neue Version 2009
Der Adventskalender 04 Version 08 ist für die Darstellung auf einer eigenen HTML-Seite gedacht. Er zeigt einen Weihnachtsbaum mit 24 Ornamenten. Größe der verwendeten Baumgrafik: Höhe 660 Px, Breite 550 Px
In dieser Version wird Text in 2 Boxen angezeigt. Diese Version habe ich wegen der doch recht hohen Baumgrafik, hergestellt, damit der Titeltext nicht oberhalb des Baumes angezeigt werden muss. |
|
|
Varianten - Demos und 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.
In der Demo-Version ist die Datumsprüfung abgeschaltet!
Schritte zum Einbau
1) Zip-Datei herunterladen und in einem neuen Ordner auspacken.
2) meine 24 Tagesdateien anpassen.
3) eigenes Hintergrundbild (800 x 600 Pixel) einbinden (Version 03 + 05)
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.
Hintergrundgrafik des Rahmens
<!-- Hintergrundgrafik des Rahmens -->
<td background="bg-800x600-05.gif" valign="middle" align="center">
Erklärung und Funktion
In einer Tabelle steht die Grafik eines Weihnachtsbaumes. 24 Bereiche dieser Grafik (Kugeln) sind als verweissensitive Bereiche einer ImageMap deklariert.
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.
- Der Weihnachtsbaum steht innerhalb einer Tabelle in der Seitenmitte
- Die 24 Ornamente 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
- Counter: Tage bis Weihnachten werden angezeigt
- Nach dem 1. Dezember Aufforderung zum Klicken
Im Download (ZIP-Datei) versionsabhängig:
Adventskalender als HTML-Datei
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
1 Seitenhintergrundgrafik
Die Grafiken dürfen ausschließlich für meinen Kalender verwendet werden!
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.
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.
|
Home • Adventskalender • Kalender 04 • Beschreibung + Download
DOWNLOAD
