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

 Beschreibung / Erklärung Adventskalender 14

Ein 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 14   (austauschbare Hintergrundgrafiken)

Sie lesen gerade die Seite für den Adventskalender 14   Alle Kalender ansehen

Kalender in Arbeit - Vorschau der Entwürfe

In Emails wurde dieser Kalender angeregt. Leiter bieb eie spätere Resonanz aus und ich habe die Entwicklung nicht weiter verfolgt.

Der Kalender fällt sicher in die Kategorie 'sozialkritisch'. Er wird in den nächsten Tagen veröffentlicht, sobald ich mich für eine Grafik entschieden habe. Sie können ja bereits 24 Inhaltsseiten zusammenstellen (siehe Download der Musterseiten für Tagesdateien).

Ihre Kommentare und Anregungen

Bei diesem Kalender soll die Hintergrundgrafik (Skyline) austauschbar sein. Damit erhält der Kalender einen Ortsbezug. Die ersten Entwürfe sind fertig! Stand 25.10.2009 - 11:30 Uhr, Screenshots (einige Entwürfe habe ich eine Lithografie umgewandelt):

















Ansicht der Originale (Bildquelle wikimedia):





Der Adventskalender 14 + 15 ist für die Darstellung auf einer eigenen HTML-Seite gedacht. In kleinerer Version auch innerhalb eines Framesets. Er zeigt eine Themengrafik mit 24 Feuerwehrmännern. Größe der verwendeten Grafik:

Höhe 632 Pixel, Breite 950 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.


Die Grafiken zu diesen Kalendern sind Kollagen / sind bearbeitete Fotos und Grafiken aus freien Bildquellen. Gemäß der Bestimmungen des Copyrights dieser Grafiken, dürfen sie kostenlos genutzt und modifiziert werden. eine weitergabe ist ausschließlich unter den gleichen Copyright-Bestimmungen gestattet:

"This file is licensed under the Creative Commons Attribution ShareAlike 2.5 License. In short: you are free to share and make derivative works of the file under the conditions that you appropriately attribute it, and that you distribute it only under a license identical to this one."




... weitere Versionen demnächst.


   Schritte zum Einbau

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



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







18.10.2002   
NACH OBEN