 Adventskalender 07 24 Grafiken zum Anklicken
Adventskalender mit 24 anklickbaren Grafiken. Durch den Einsatz passender Grafiken sollte der Kalender leicht an das Thema ihrer Seite anzupassen sein. Bei Grafiken von 100 × 100 Pixel wird als Mindestmaß etwa 800 Pixel Bildschirmbreite vorausgesetzt.
|
|
Online-Adventskalender 07 - Beschreibung
UPDATE 01.10.2011 - Script + Kalender überarbeitet, 10 neue Varianten
UPDATE 20.09.2011, 24 neue Grafiken für Kalender 07-01
Der Kalender zeigt 24 identische oder unterschiedliche Grafiken die als Verweisfläche deklariert sind.
Sie können eigene Grafiken oder Fotos verwenden.
Beim Anklicken wird, von einem JavaScript überwacht, die jeweilige Tagesdatei geöffnet (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken.
Unterschieden wird die Zeit vor Dezember, die Zeit vom 1. - 24 Dezember und nach dem 24. Dezember. |  |
Arbeitsaufwand - Schritte zum eigenen Kalender
Wenn sie die ZIP-Datei meines Kalenders herunter laden und in einem neuen Ordner auspacken, besitzen sie einen funktionierenden Adventskalender und auch bereits 24 Tagesdateien. Die Tagesdateien sind allerdings bis auf eine kleine Grafik und der angezeigten Tageszahl (Datum) leer. Dort stellen sie ihre eigenen Inhalte ein.
1) Zip-Datei herunterladen und entpacken.
2) testen
3) meine 24 Tagesdateien anpassen / eigene herstellen.
4) Kalender testen
5) eigene Grafiken entwerfen (wenn sie möchten)
Infos zur Anpassung der Tagesdateien finden sie im Menü links.
Veröffentlichen
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 innerhalb Ihrer Seiten. Soll der Kalender in einem neuen Browserfenster angezeigt werden, fügen Sie das Attribut '_blank' hinzu.
<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.
Personalisieren des Adventskalenders
Nutzen Sie die Vorlagen des Adventkalenders 07 in der angezeigten Form oder ersetzen Sie meine Grafiken durch ihre eigenen Fotos oder Symbole um den Kalender an das Thema ihrer Seite anzupassen. Die Modifikation bleibt recht simpel wenn sie dabei Grafiken mit identischen Abmessungen und gleiche Dateinamen verwenden. Die Varianten meiner Vorlagen sind bisher für 3 unterschiedliche Grafikgrößen vorbereitet (100, 64, 32 Pixel).
Wählen Sie Fotos, Grafiken oder weihnachtliche Motive, die zum Thema Ihrer Seite passen.
Anregung: Kirchenfenster als Kalendergrafiken |  |
   
   
(Quelle. Wikimedia)
Abhängig von den verwendeten Grafiken (evtl. kombiniert mit Hintergrundgrafiken) kann die Vorlage als Basis für unterschiedliche Adventskalender eingesetzt werden. Ich habe bisher 6 Varianten hergestellt, die ihnen als Anregung dienen sollen. Hinter den Fensterchen könnten sich auch 24 Seiten mit gleichen Themen verstecken. Erstellen Sie Ihren eigenen Themen-Adventskalender mit 24 passenden Grafiken / einer passenden Grafik:
- 24 Advents-Kaffevarianten
- 24 Advents-Backrezepte
- 24 Advents-Dekovorschläge
- 24 Advents-Erzählgeschichten
   
Ansicht der Kalenderversionen:
Version 07-01 - 24 Grafiken 100 x 100
|
Version 07-02 - 24 Grafiken 64 x 64
|
Version 07-03 - 24 Fotos 100 x 100
|
Version 07-04 - 24 Grafiken 32 x 32
|
Version 07-05 - 1 Grafik1 100 x 100 |
Version 07-05 - 1 Grafik 100 x 100 |
Es müssen nicht immer unterschiedliche Grafiken sein. Schauen sie einfach einmal auf die Variante 07-05 um festzustellen, das man auch mit 1 Grafik für die 24 Felder einen schönen Kalender herstellen kann.
Bei der Variante 07-05 wird ein und dieselbe Grafik 24 mal in 24 Tabellenzellen angezeigt. Die URL der Grafiken wird im Quellcode der Kalenderdatei nur ein mal an zentraler Stelle eingetragen. Für Bastler: Rein theoretisch könnte der Kalender (gesteuert über ein Datumsscript) auch täglich oder zufällig eine andere Grafik ihrer Wahl anzeigen.
Benötigte Grafiken sind im Download enthalten und dürfen (ausschließlich) für meine Kalendervorlagen verwendet werden! Wenn Sie eigene Grafiken entwerfen möchten, verwenden sie Miniansichten Ihrer Fotos oder suchen nach geeigneten Cliparts.
Erklärung und Funktion Online-Adventskalender 07
Im Kalenderbereich stehen die Grafiken 1 bis 24 innerhalb einer Tabelle. Die tabbelle hat lediglich eine einzige Tabellenzelle und wird dazu genutzt den alles Umfassenden Rahmen zu formatieren und den Innenabstand zwischen Rahmen und Grafiken für alle Browser einheitlich zu bestimmen. Die Grafiken sind als Linkbereich deklariert.
Die Links 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.
|
In diesem Adventskalender verwende ich nach der Überarbeitung das Script der Version September 2011. Die Funktionen zur Datumsanzeige, zur Datumsprüfung und für die Anzeige der Nummerngrafiken bei MouseOver wurden überarbeitet.
Die Tagesdateien stehen nun in einem eigenen Unterordner!
|
Wenn Sie in den Vorjahren einen meiner anderen Adventskalender eingesetzt haben und nun umsteigen möchten, ist das kein Problem. Ihre Tagesdateien können Sie weiter verwenden. Wählen Sie die passende Kalendervariante. Beachten Sie, dass die Tagesdateien nun in einem eigenen Unterordner stehen.
screenshot:
- Der Adventskalender steht innerhalb einer Gesamt-Tabelle in der Seitenmitte
- Die Grafiken sind Hintergrund von Tabellenzellen (nur Variante 5)
- Transparente Grafiken im Vordergrund sind Klickbereiche (nur Variante 5)
- Die Grafiken sind Klickbereiche von Verweisen
- Bei MouseOver erscheint die Tageszahl
- 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
- Bei Klick z.B. am 5. Dez. auf die Ziffer 12 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
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 07 • Beschreibung + Download
Unten rechts auf dem Bildschirm wird (Windows) normalerweise die Uhrzeit angezeigt. Dort kann man rechtsklicken und Kalender und Zeit ver- / einstellen.
