Adventskalender, eigenes, Hintergrundbild, Script, Vorlage, JavaScript, Beispiel, download, free, kostenlos, Weihnachten, Advent, Weihnachtszeit, online, Onlinekalender, Weihnachtskalender, kostenloser, Kalender, Adventszeit, web-toolbox, Jansen
 Adventskalender
    
 HomeAdventskalenderKalender 13 • Beschreibung + Download Demo  DOWNLOAD

 Beschreibung / Erklärung Adventskalender 13

Ein Feuerwehr-Adventskalender mit 24 Klickbereichen. Bei MouseOver wird die Fensterchennummer (Tag) angezeigt, anklicken öffnet die jeweilige Tagesdatei. Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken. Klicken Sie oben auf Demo!

Adventskalender 13   (Feuerwehr - Klickbereiche als Image-Map)

Sie lesen gerade die Seite für den Online-Adventskalender 13   Alle Kalender ansehen

UPDATE  30.10.2009  neue Variante 02 Titeltext-Darstellung innerhalb des Rahmens

Screenshot der verwendeten Grafik:

Adventskalender


Die Grafik zu diesem Kalender ist ein eigener Entwurf und darf für meinen Online-Adventskalender kostenlos genutzt aber nicht modifiziert werden.

Der ideale Adventskalender für Ihre Feuerwehr-Homepage. Der Kalender eignet sich hervorragend dazu, zur Adventszeit einige Tipps zur Brandverhütung zu veröffentlichen. Sie können ja 24 Tipps zur Vermeidung von Adventskranz- und Weihnachtsbaum-Bränden zusammenstellen.



Kalender 13 V01

Der Adventskalender 13-01 ist für die Darstellung auf einer eigenen HTML-Seite gedacht. Er zeigt eine Themengrafik mit 24 Feuerwehrmännern. Größe der verwendeten Grafik:

Höhe 583 Pixel, Breite 700 Px
Mindestbreite der Seite: 740 Px (mit Rahmen)

In dieser Versionen wird bei MouseOver die Tageszahl angezeigt, klicken öffnet die Tagesdatei in einem PopUp-Window.
Online-Adventskalender


Kalender 13 V02

Der Adventskalender 13-02 ist für die Darstellung auf einer eigenen HTML-Seite gedacht.

Der Kalender ist in der Grundfunktion identisch mit Kalender 13-01. Unterschiede:

a) vertikale Positionierung. Abstand von oben

b) Titeltext und Zusatzzeile werden (für den Betrachter) innerhalb der Grafik zentriert angezeigt.
Online-Adventskalender


 

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


In der Demo-Version ist die Datumsprüfung abgeschaltet!

 Demo + Download als ZIP-Datei
Version Anzeige Grafikbreite Demo Vorschau Download Änderungen
13-01PopUp740 Pixel öffnen   ansehen  V 13-01  
13-02PopUp710 Pixel öffnen   ansehen  V 13-01 Titeltext
13-03PopUp500 Pixel   - 


... weitere Versionen demnächst.


   Schritte zum Einbau

1) Zip-Datei herunterladen und in einem neuen Ordner auspacken.
2) meine 24 Tagesdateien anpassen.
3) Titeltext ändern
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.







  Erklärung und Funktion

Der Kalender zeigt eine Themengrafik Feuerwehr. 24 Bereiche dieser Grafik (Feuerwehrmännern) 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.


  • Die Themengrafik Feuerwehr steht innerhalb einer Tabelle in der Seitenmitte
  • Die 24 Feuerwehrmänner 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
Themengrafik Feuerwehr
1 Musterseite Meldung 'zu früh' als HTML-Datei
1 Musterseite Meldung 'gemogelt' als HTML-Datei

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 Tagesdateien 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.







18.10.2002   

NACH OBEN