| Online-Adventskalender Übersicht |  | |
|
 Home • Adventskalender • Übersicht |
 zurück zur Startseite Adventskalender
|
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Übersicht der verschiedenen Online-Adventskalender die auf den Seiten der Web-Toolbox angeboten werden. Für die 20 Kalender stelle ich unterschiedliche Varianten zur Verfügung.
|
Übersicht der Updates ansehen| Kalender 01 02 03 04 05 06 07 08 09 10 |
| Kalender 11 12 13 14 15 16 17 18 19 20 |
Bei den Adventskalendern 01, 06, 12 und 14 können Sie mit wenig Aufwand ihre eigenes Kalenderbild als Hintergrundmotiv einbinden! Dazu müssen Sie lediglich meine Standart-Grafik durch Ihre eigene Grafik ersetzen. Die Kalender 02, 07, 18 und 20 erlauben ebenfalls die Verwendung eigener Grafiken.
Die Grundversion der Adventskalender zeigt die Tagesdateien als HTML-Datei, eine für jeden Tag. Zur Anpassung benötigen Sie Grundkenntnisse in HTML. Die Tagesdateien werden abhängig von der Variante in einem PopUp-Window oder innerhalb des gleichen Browserfensters angezeigt.
Wenn sie sich mit HTML oder JavaScript nicht auskennen aber Grundkenntnisse in Word haben, wählen Sie einen Kalendervariante mit Tagesdateien als PDF. Die PDF-Dateien müssen Sie selbst herstellen! Ihre Word-Dateien müssen dazu in PDF-Dateien gewandelt werden, z.B. mit 'Free PDF'. Diese Kalender bieten Varianten mit PDF-Datei als Tagesdatei: 01, 02, 05, 06, 07, 11, 12, 15, 18, 19 
Dieses Angebot richtet sich an HTML-Beginner oder Webmaster, die bei ihrem Hosting-Anbieter nur begrenzten Zugriff zur Modifizierung des Quellcodes haben. Sie müssen lediglich 3 Codezeilen in Ihre HTML-Seite kopieren. Nachteil: Sie haben keinen Einfluss auf die Gestaltung und die angezeigten Tagesdateien. Dieses HTML-Widget ist einsatzbereit! Infos lesen sie hier|
Ein Adventskalender für Ihre Webseite in nur 3 Minuten. Dazu wird einer meiner Adventskalender von hier abgerufen und innerhalb Ihrer Seite in einem i-frame angezeigt (HTML-Widget). Der Kalender als HTML-Widget ist nun einsatzbereit. Sie können die Codezeilen in Ihre Seite einkopieren. Die Datumsprüfung wurde Anfang November eingeschaltet! Ich habe alles vorbereitet und bis zuletzt noch am letzten Feinschliff für die Tagesdateien als I-Pad-Display gearbeitet.  Demo der Funktion ansehen 
|
 |
| Breite | Anzeige von | Grafik | Tagesdatei als | Anzeige der Tagesdatei im | |||||||
| 450 Pixel | 500 Pixel | 800 Pixel | Tagszahl | Schnee | Counter | eigene Grafik | HTML | PopUp Window | neuen Fenster | gleichen Fenster | |
 |
|
|
|
|
|
|
|
|
|
|
|
|
Beim Kalender 01 können sie ihre eigenes Kalenderbild als Hintergrundmotiv einbinden! Der Kalender hat 24 Klickbereiche, die bei MouseOver die Fensternummer (Tageszahl) anzeigen (rechts in blau) und beim Anklicken die jeweilige Tagesdatei öffnen (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken. Zip-Datei herunterladen, eigenes Motiv einbinden und meine 24 HTML-Musterdateien anpassen. Wie wär's mit einem Adventskalender auf CD, den sie an ihre Familie und Freunde verschicken? Sie können im Online-Adventskalender 01 ihre eigene Hintergrundgrafik, zum Beispiel ein eignes Foto, mit nur wenig Aufwand einbinden (siehe unten). Sie benötigen lediglich eine Grafik von 500 x 375 Pixel. Ab 2009 steht der Kalender auch mit einer größeren Grafik von 800 x 600 Pixel zur Verfügung (Abb. 2). Leichtere Anpassung durch Edit-Marker im CSS-Block und im JavaScript. |
  |
|
| |
| Der Online-Adventskalender 01 eignet sich hervorragend als vorweihnachtlicher Gruß auf CD, den sie an Familie und Freunde verschicken. Außerdem ist er eine Bereicherung für ihre Vereins- und Hobbyseite. Ein frequenter regelmäßiger Aufruf ihrer Seite im Dezember ist damit garantiert. | ||
|
| |
|
| |
| Breite | Anzeige von | Grafik | Tagesdatei als | Anzeige der Tagesdatei im | ||||||
| 500 Pixel | 150 Pixel | Tagszahl | Schnee | Counter | eigene Grafik | HTML | PopUp Window | neuen Fenster | gleichen Fenster |
|
|
|
|
|
|
|
|
|
|
|
|
|
Den Adventskalender 02 können sie seitenfüllend oder auch (entsprechend klein) als Beiwerk einer Seite einsetzen.
Jeden Tag vom 1. bis 24. Dez wird eine andere Grafik angezeigt, die man anklicken kann. Dann wird die entsprechende Tagesdatei angezeigt. Zip-Datei herunterladen, Kalender in ihre Seite einbinden und meine 24 HTML-Musterdateien anpassen. 02-01 gut geeignet für Mobiles |
|
|
Abhängig von der Variante können Sie den Online-Adventskalender 02 als Beiwerk einer Seite (Abb. 1) oder steitenfüllend innerhalb eines Frames (Abb. 2) oder in einem neuen Browserfenster einsetzen.
Sie benötigen 24 Grafiken in identischer Größe. Der Online-Adventskalender 02 ist gut geeignet für tägliche Aktionen die lediglich für einen Tag gültig sind. 2009: Überarbeitetes Script zur Anzeige der noch verbleibenden Tage. Zentraler Eintrag für Pfad- + Dateinamen. |
|
|
|
|
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. | 
|
|
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. 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) |
|
|
Der Adventskalender 04 ist für die Darstellung auf einer eigenen HTML-Seite gedacht. Er zeigt einen Weihnachtsbaum mit 24 Ornamenten.
Die 24 Kugeln sind Klickbereiche, die bei MouseOver die Fensternummer (Tageszahl) anzeigen und beim Anklicken die jeweilige Tagesdatei öffnen (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken. Zip-Datei herunterladen und entpacken, dann meine 24 HTML-Musterdateien anpassen. |  |
|
Abhängig von der Version des Online-Adventskalenders wird ein Weihnachtsbaum in einem Rahmen (Abb. 1) oder steitenzentriert (Abb. 2) angezeigt.
Unterschiedliche Weihnachtsbäume, Rahmenhintergrundgrafiken und Seiten-Hintergrundgrafiken stehen zur Verfügung. 2009: Der Kalender 04-06, mit einer neuen Grafik (Abb. 1). Außerdem neue Rahmen-Hintergrundgrafiken. Zentraler Eintrag für Pfad- + Dateinamen. |
 |
|
| |
|
| |
|
Der Adventskalender 05 ist für die Darstellung auf einer eigenen HTML-Seite gedacht. Er zeigt einen stilisierten Weihnachtsbaum mit 24 Ziffern.
Die 24 Ziffern sind Klickbereiche, die bei MouseOver täglich eine unterschiedliche Nachricht als Text anzeigen und beim Anklicken die jeweilige Tagesdatei öffnen (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken. Es werden mehrere, farblich unterschiedliche Grafiken bereitgestellt! |  |
|
Abhängig von der Version des Online-Adventskalenders wird oberhalb der Klickbereiche ein alternierender Text eingeblendet (Abb. 4).
Außerdem haben sie die Möglichkeit die übliche PopUp-Information als Tageszahl bei MouseOver anzupassen und z.B. Infos zur täglichen Adtvents-Aktion anzuzeigen (Grafiken sind möglich). 04.11.2011: Überarbeitetes Script, Tagesdateien im Unterordner |
 |
|
|
|
Beim Kaleder 06 können sie ihre eigenes Kalenderbild als Hintergrundmotiv einbinden! Der Adventskalender 06 ist für die Darstellung auf einer eigenen HTML-Seite gedacht. Breite: 500 Pixel. Der Kalender hat 24 Klickbereiche, die beim Anklicken die jeweilige Tagesdatei öffnen (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken. Zip-Datei herunterladen und entpacken, eigenes Motiv einbinden und meine 24 HTML-Musterdateien anpassen. | 
|
|
Die Anpassung des Kalenders 12 ist recht simpel, eignet sich also ganz gut für Webmaster mit Basiswissen in HTML. Sie müssen lediglich den Titel das Adventskalenders ändern und die 24 Tagesdateien mit eigenen Inhalten füllen. Demo des Downloads ansehen 20.11.2011: neue Variante für PDF-Dateien |
|
|
Der Adventskalender 07 ist für die Darstellung auf einer eigenen HTML-Seite gedacht. Sie können sie ihre eigenen 24 Grafikmotive einbinden! Breite des Kalenders: 250 - 800 Pixel, abhängig von der Variante. Der Kalender hat 24 Bereiche, die beim Anklicken die jeweilige Tagesdatei öffnen (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken. Zip-Datei herunterladen und entpacken, eigene Grafiken einbinden und 24 Musterdateien anpassen bzw eigene tagesdateien herstellen. | 
|
|
|
|
Der Kaleder 08 bietet ihnen nur wenige Anpassungsmöglichkeiten. Lediglich bei der Gestaltung der 24 Tagesdateien können sie ihrer Kreativität freien Lauf lassen. Der Kalender hat 24 Klickbereiche, die bei MouseOver die Fensternummer (Tageszahl) anzeigen und beim Anklicken die jeweilige Tagesdatei öffnen (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken. Zip-Datei herunterladen und 24 eigene Tagesdateien herstellen (Musterdateien anpassen). |
 |
|
|
|
Der Kaleder 09 bietet ihnen nur wenige Anpassungsmöglichkeiten. Lediglich bei der Gestaltung der 24 Tagesdateien können sie ihrer Kreativität freien Lauf lassen. Der Kalender hat 24 Klickbereiche, die bei MouseOver die Fensternummer (Tageszahl) anzeigen und beim Anklicken die jeweilige Tagesdatei öffnen (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken. Zip-Datei herunterladen und 24 eigene Tagesdateien herstellen (Musterdateien anpassen). |
 |
|
|
|
Der Kaleder 10 bietet ihnen nur wenige Anpassungsmöglichkeiten. Lediglich bei der Gestaltung der 24 Tagesdateien können sie ihrer Kreativität freien Lauf lassen. Der Kalender hat 24 Klickbereiche, die bei MouseOver die Fensternummer (Tageszahl) anzeigen und beim Anklicken die jeweilige Tagesdatei öffnen (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken. Version 10-01: Zip-Datei herunterladen und 24 eigene Tagesdateien herstellen (Musterdateien anpassen). Version 10-02 + 10-03: Zip-Datei herunterladen und 24 eigene Fotos einbinden (Script anpassen). Durch den Einsatz von zwei Hintergrundgrafiken wird das Browserfester nahtlos ausfüllt. Die Grafiken sindt nicht zu 100% perfekt, aber annehmbar. Die Versionen 01 bis 03 (Vordergrundgrafik 800 Pixel) sind für Bildschirm- / Fensterbreiten ab 800 Pixel einsetztbar. Für die Tagesdateien in Variante 10-01 habe ich HTML-Dateien vorbereitet. Bei den Varianten 10-02 und 10-03 ist die Darstellung von Grafiken vorgesehen, die in einem PopUp-Window angezeigt werden. Die Herstellung von 24 Dateien entfällt. Die Informationen für die Grafiken und Beschreibungstexte werden in Arrays abgelegt. |
   |
|
Mit dem Online-Adventskalender 11 biete ich ihnen einen variantenreichen Kalender an. Bei der Anzeige der 24 Tagesdateien können sie sich für HTML-Dateien, PDF-Dateien oder Grafiken entscheiden. Die Qual der Wahl haben sie auch bei den unterschiedlichen Grafiken für das Winterdorf. Der Kalender hat 24 Klickbereiche, die bei MouseOver die Fensternummer (Tageszahl) anzeigen und beim Anklicken die jeweilige Tagesdatei öffnen (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken. Version 11-01 - 11-03: Tagesdatei im PopUp-Window. Unterschiedliche Grafiken: Wintereinbruch, Winter, Eingeschneit. Version 11-04: Tagesdatei mit Foto im PopUp-Window. Version 11-05: Anzeige der Tagesdatei als PDF-Datei. 11-05 eignet sich für Anwender ohne HTML-Kenntnisse. Version 11-06: Tagesdatei im gleichen Fenster. Eigener Text für den Wegweiser. Version 11-07: Tagesdatei im gleichen Fenster. Über die Zuordnung von 3 Texten für entsprechende Variablen, haben sie die Möglichkeit ohne eine Änderung der Grafik den Kalender zu personalisieren. Version 11-08: Anzeige der Tagesdatei als PDF-Datei. Über die Zuordnung von 3 Texten für entsprechende Variablen, haben sie die Möglichkeit ohne eine Änderung der Grafik den Kalender zu personalisieren. Version 11-09: Tagesdatei im PopUp-Window. Kalender für Seiten mit geringerer Anzeigebreite. Kalender 11-10 vorbereitet für eigene Dateinamen. Version 11-10: Tagesdatei im PopUp-Window. Kalender für Seiten mit geringerer Anzeigebreite. Kalender ist vorbereitet für eigene Dateinamen. |     |
|
Beim Kaleder 12 können sie ihre eigenes Kalenderbild als Hintergrundmotiv einbinden! Der Adventskalender 12 kann auf einer eigenen HTML-Seite oder innerhalb eines Framesets angezeigt werden. Der Kalender zeigt eine Grafik von 500 Pixel Breite. 24 Bereiche im Kreisring dieser Grafik (Ziffern) sind als verweissensitive Bereiche einer ImageMap deklariert. Beim Anklicken wird die Tagesdatei in einem PopUp-Window angezeigt. |
 |
|
Die Anpassung des Kalenders 12 ist recht simpel, eignet sich also ganz gut für Webmaster mit Basiswissen in HTML. Während Variante 01 in einem kalten Winterfarbton gehalten ist, verwende ich in Variante 02 ein warmes Weihnachts-Rot. Die Version 12-03 (blau) zeigt die Tagesdateien als PDF-Datei. Demo des Downloads ansehen Demo mit eigener Grafik ansehen |
|
|
Der Adventskalender 13-01 ist für die Darstellung auf einer eigenen HTML-Seite gedacht. Er zeigt eine Themengrafik mit 24 Feuerwehrmännern. Breite: 700 Pixel. Die 24 Feuerwehrmänner sind Klickbereiche, die bei MouseOver die Fensternummer (Tageszahl) anzeigen und beim Anklicken die jeweilige Tagesdatei öffnen (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken. |
 |
|
Beim Kalender 14 können sie ihre eigenes Kalenderbild als Hintergrundmotiv einbinden! Der Adventskalender soll Ihnen erlauben, hinter einem Krippenmotiv ein eigenes Hintergrundbild einzubinden. Dazu eignet sich z.B. die Sykyline Ihres Wohnortes um einen örtlichen Bezug herzustellen. Andere Varianten der Vordergrundgrafik sind in Arbeit. Demo des Downloads ansehen
|  |
|
Der Kalender zeigt das Kloster Gengenbach. Die Version 1 des Kalenders beansprucht eine Breite von 800 Pixel (plus Randbreite). Die 24 Fenster dieser Grafik sind als verweissensitive Bereiche einer ImageMap deklariert. Beim Anklicken wird die jeweilige Tagesdatei geöffnet (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken. Demo des Downloads ansehen |
|
|
Ich überlagere hier eine Grafik (Päckchen und Blanko-Kalenderblatt) mit der Information für Monat / Tag und einer datumsabhängig generierten Textnachricht. Die Grafik kann angeklickt werden. Nach dem Anklicken wird die entsprechende Tagesdatei angezeigt.Vorschau des Downloads ansehen Demo für den 15. Dez. ansehen Den Adventskalender 16 können Sie als Beiwerk einer Seite einsetzen. Der Kalender hat die Abmessungen 150 x 150 Pixel. Zum Beispiel könnte man den Kalender in einer Infospalte Ihrer Seite einblenden. Zur Anzeige der Tagesdatei haben Sie beim Online-Adventskalenders 16 bisher 3 Optionen zur Auswahl:
|
|
Der Kalender 17 zeigt eine Berglandschft (Skigebiet). Der Kalender hat 24 Klickbereiche. Bei MouseOver wird die Fensterchennummer (Tag) angezeigt, beim Anklicken die jeweilige Tagesdatei geöffnet (eine von 24). Abhängig von der eingesetzten Hintergrundgrafik (und Variante):
|
 |
Demo ansehen
|
Der Kalender hat 24 Klickbereiche, die bei MouseOver die Fensternummer (Tageszahl) anzeigen und beim Anklicken die jeweilige Tagesdatei öffnen (eine von 24). Der Kalender beansprucht eine Breite von 870 Pixel). Die 24 Fenster sind als verweissensitive Bereiche einer ImageMap deklariert. Der Gebäudename an der Frontseite wird als Text eingetragen. Die Grafik muss nicht bearbeitet werden! Demo ansehen
|
 |
|
Ein leicht anzupassender Adventskalender mit 24 anklickbaren Grafiken die in Tabellenzellen angezeigt werden. Mit nur einer einzigen eigenen Grafik können Sie den Kalender personalisieren. Etwa 870 Pixel Bildschirmbreite wird als Mindstmaß vorausgesetzt. Bei MouseOver wird eine andere Grafik eingeblendet. Anklicken öffnet die jeweilige Tagesdatei (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken. Demo ansehen
|
 |
|
Beim Kalender 20 können sie ihre eigenes Kalenderbild als Hintergrundmotiv einbinden! Ein Adventskalender der 24 Nummerngrafiken anzeigt. Anklicken deckt das angeklickte Feld auf, wodurch ein Teilbereich der Hintergrundgrafik sichtbar wird. Variantenabhängig wird eine Tagesdatei angezeigt. Einsetzbar als Bildkalender mit oder ohne Tagesdatei. Abhängig von der Variante:
Bei anderen Varianten wird das angeklickte Kärtchtchen lediglich 'umgedreht'. Ein Buchstabe oder eine kleine Grafik wird sichtbar und aus den (ungeordneten?) Buchstaben oder Bildchen können Sie ein Buchstaben oder Silberätsel herstellen. |
 
|
Demo ansehen
|
Wenn sie für den Adventskalender 07 eigene Grafiken hergestellt haben, könen sie diese 100 x 100 Pixel große Grafiken auch für ein Legekartenspiel verwenden. Natürlich ist ein solches Mem auch außerhalb der Weihnachtszeit (selbstverständlich mit passenden Grafiken) eine Bereicherung für eine Kinder- oder Schulseite.
Zip-Datei herunterladen und entpacken, eigene Motive einbinden (wenn sie möchten), fertig.  zum Legekartenspiel (Menü Spielkram) |
|
|
Übersicht meiner Online-Adventskalender
nach oben