 Adventskalender für Ihre Seite
Meine Online-Adventskalender-Beispiele können Sie als 'stand alone' in einem extra Browserfenster anzeigen lassen oder in Ihre Seitenvorlage einbauen.
|
|
2 Möglichkeiten: Verlinken oder Einbau in Ihre Seitenvorlage
Möchten sie den Kalender als Weihnachts-CD verschicken, brennen sie nach der Anpassung sämtliche Daten auf einen Silberling. Wenn er im Web veröffentlicht werden soll, lesen Sie die Info auf dieser Seite. Sie haben 2 Möglichkeiten der Einbindung in Ihre Seite.
Wenn Sie sich mit JavaScript nicht auskennen oder nicht mit der Arbeit in der Quellcodeansicht eines Editors vertraut sind, rate ich zu der ersten und einfachsten Methode: Verlinken Sie den Kalender! Ein Klick auf den Verweis innerhalb Ihrer Seite öffnet dann den Adventskalender in einem neuen Browserfenster.
1) Kalender verlinken - 'stand alone'
Wenn Sie den Adventskalender durch einen Link auf Ihrer Seite in einem neuen Browserfenster öffnen wollen, müssen Sie die Informationen zum Einkopieren (Abschnitt 2) nicht berücksichtigen. Sie können dann meine Vorlage so benutzen wie sie im Download enthalten ist!
Laden Sie die Zip-Datei der Kalendervolage herunter und entpacken die Dateien in einem neuen Unterordner Ihrer Webseite.
Öffnen Sie jetzt zuerst meinen originalen Kalender in Ihrem Browser (Funktionstest)!
Dann müssen Sie nur noch die Startdatei des Adventskalenders verlinken.
In dem Link verwenden Sie das Attribut <a target="_blank" und beim Anklicken wird der Kalender in einem neuen Browserfenster angezeigt.
 Adventskalender verlinken |  |
<a target="_blank" href="ordnername/kalenderxx.htm"> zum Adventskalender </a>
Modifizieren Sie die dann die 24 Tagesdateien. Soll ihr Kalender nach bestandenem Test im Web veröffentlicht werden, laden sie ihren Ordner mit sämtlichen Dateien auf den Server.
2) Kalender in eine Seitenvorlage kopieren
Wenn Sie den Adventskalender in Ihre Seitenvorlage einkopieren wollen, sollten Sie mit der Arbeit im Quelltextmodus Ihres Editors vertraut sein.
Abhängig von der Variante meiner Vorlage, gestaltet sich der 'Einbau' des Adventskalenders in eine vorhandene Seitenvorlage mehr oder weniger schwierig. Dazu müssten Sie die Codeblöcke des Kalenders kopieren und ihn in der Quellcodeansicht eines Editors in Ihre Seite einfügen.
Kopieren Sie bitte nicht meine komplette Kalenderdatei in Ihre Vorlage. Einige Browser nehmen es Ihnen übel, wenn dadurch Head- und Body-Tags innerhalb der Seite mehrfach vorkommen. Entnehmen Sie lediglich die benötigten Codeblöcke. Wenn Sie den Adventskalender in Ihre Seitenvorlage einbinden möchten, gehen Sie folgendermaßen vor:
Laden Sie die Zip-Datei der Kalendervolage herunter und entpacken die Dateien in einem neuen Ordner.
Am einfachsten ist es, Sie öffnen die herunter geladene Kalendervorlage in der Quellcode-Ansicht und markieren + kopieren die entsprechenden Codeblöcke.
Kopieren Sie die Daten (CSS + Script) aus dem Headbereich meiner Vorlage und fügen sie oberhalb des Ende-Head-Tags (</head>) in Ihre Seitenvorlage ein.
Im Body-Bereich Ihrer Seite kopieren Sie den Adventskalender-Code dort in Ihre Seite, wo der Adventskalender erscheinen soll. |  |
Das Schneefallscript (falls Sie es einsetzen möchten) fügen sie unmittelbar vor dem Ende-Body-Tag (</body>) ein. Wenn Sie das Schneefallscript weglassen, hat das keinen Einfluss auf die Funktion des Kalenders.
Im Quellcode habe ich Kommentare eingetragen, welche die einzelnen Codeblöcke näher bezeichnen.
Ablage der Grafiken
Das Kalender-Script erwartet, dass die benötigten Grafiken im vorgesehenen Ordner abgespeichert sind. Das ist für die Grafiken der Kalenderdatei in der Regel der Ordner, in dem die HTML-Datei des Kalenders steht. Die Grafiken für die 24 + 2 Tagestateien stehen dort, wo die Tagesdateien abgespeichert sind. Abhängig von der Variante kann das der gleiche Ordner oder ein Unterordner sein. Kopieren Sie die erforderlichen Grafiken in den entsprechenden Ordner Ihrer Webseite.
Nachdem Sie die ZIP-Datei in einem neuen Ordner entpackt hatten, sahen Sie für die meisten Kalender mindestens 27 HTML-Dateien und diverse Grafiken. Vergleichen Sie ob nach dem 'Einbau' in Ihre Webseite analog dazu auch die Grafiken im richtigen Ordner abgelegt sind.
Ablage der Tagesdateien
Das Kalender-Script erwartet, dass die bei einem Klick aufgerufenen Tagesdateien im vorgesehenen Ordner zu finden sind. Das bedeuetet (abhängig von der Kalenderversion): Die Dateien sind im entweder im gleichen Ordner auffindbar (wo auch Ihre Seite mit dem eingefügten Kalender steht) oder sie stehen in dem dafür vorgesehenen Unterordner.
In einigen Varianten können Sie den Pfad / Ordnernamen im Kalender-Script selbst festlegen.
Die HTML-Dateien (im Download enthalten) sind der Einfachheit halber durchnummeriert. Ich habe für die Dateinamen fortlaufende Nummern benutzt. Beim Abspeichern Groß- / Kleinschrift beachten!
Nachdem Sie die ZIP-Datei in einem neuen Ordner entpackt hatten, sahen Sie für die meisten Kalender mindestens 27 HTML-Dateien und diverse Grafiken. Im Stammordner stand die Datei kalenderxxx.htm. Dann gab es noch mindestens 24 Dateien die '1.htm' bis '24.htm' (oder ähnlich) heißen. Das sind die 24 Tagesdateien. Vergleichen Sie ob nach dem 'Einbau' in Ihre Webseite analog dazu auch die Tagesdateien im richtigen Ordner abgelegt sind.
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.
Wichtige Info dazu finden sie im Menü links.
|
Home • Adventskalender • Kalender • Anleitung