Adventskalender
    
HOME
ZURÜCK SITEMAP  

 Adventskalender 05 V02

Der Adventskalender 05 V02 ist für die Darstellung auf einer eigenen HTML-Seite gedacht. Er zeigt einen stilisierten Weihnachtsbaum mit 24 Ziffern.

Sämtliche Funktionen dieses Kalenders sind identisch mit der Version 01 des Kalenders 05. Lesen sie meine Erläuterungen zur Funktion und Anpassungen auf der Seite Kalender05 V01.

Diese Version 02 wurde lediglich um eine wechselde Textanzeige erweitert!

 28.11.2007, Beispiel zur Textformatierung

    


Auf dieser Seite beschreibe ich ausschließlich die Anpassung der wechselnden Texte, die sie z.B. für Informationen oder für eine Werbeaktion einsetzen könnten.
Haben sie schon einmal darüber nachgedacht?

Möglicherweise sind meine Überlegungen hier an dieser Stelle beim 5. Adventskalender recht spät platziert. Da sich gerade diese schlichte Version durchaus für kommerzielle Seiten eignet, möchte ich hier erwähnen, welchen Nebeneffekt man mit einem solchen Kalender erzielen kann:

Wie bringe ich einen Seitenbesucher / potenziellen Kunden dazu meine Internetpräsenz gleich an 24 aufeinander folgenden Tagen abzurufen und möglicherweise sogar Dritte auf die Webseite aufmerksam zu machen?
  • Mit der Aussicht auf ein lukratives Angebot?
  • Mit der Aussicht auf einen Wissens- oder Informationsvorsprung?
  • Mit einem Seitenangebot, das einen Unterhaltungswert hat?
Was immer der Grund sein mag, falls auch nur einer zutrifft sind die Seitenbesucher ja erst einmal regelmäßig da. Einen Effekt, den man sonst nur selten erreicht. Dann hängt es nur noch vom eigenen Geschick (oder dem des Webmasters) ab, welche Informationen man noch so ganz nebenher 'verkaufen' kann. (Siehe Demo)

Mehr zum Thema Kommezielle Nutzung (externer Link)




Bei der Demo-Version ist die Datumsprüfung inaktiv!
Adventskalender 05 V02 Demo Vorschau Download
V02 (Tagesdatei im Pop-Up-Window) Demo Vorschau  Download V02



  4 Schritte zum Einbau

1)  Zip-Datei herunterladen und in einem neuen Ordner auspacken.
2)  meine 24 Tagesdateien anpassen.
3)  die Texte für PopUp-Box ändern
4)  die Texte für wechselnde Anzeige ändern


  Erklärung der Erweiterung

Oberhalb des Adventskalenders habe ich ein Formular mit einem 'unsichtbaren' Textfeld eingefügt. Innerhalb des Textfeldes wird zu Beginn ein Starttext angezeigt. Danach werden 6 wechselde Textinformationen (zeitabhängig gesteuert) eingeblendet. Nach einem Durchlauf der Schleife beginnt die Anzeige wieder beim ersten der 6 Texte.

Ich spreche von einem 'unsichtbaren' Textfeldfeld, weil es als solches nicht zu erkennen ist. Dazu habe ich CSS-Formatierungen eingesetzt. Farbangaben für Hintergrundfarbe und Randformatierung entsprechen der Hintergrundfarbe der Seite.


   CSS-Anweisungen für das Textfeld

Beispiel 1:

(die Hintergrundfarbe der Seite ist z.B. mit #512210 festgelegt) 
.message {
color:#F0CCBA;
font-family: Verdana,Arial,Helvetica;
font-size:20px;
border:1px solid #512210;
padding:1px;
background-color: #512210;
width:600px;
height:30px;
text-align:center;
}
Ergebnis:

Cupon ausdrucken und vorbeischauen



Beispiel 2:   Breite 430 (Kalenderbreite), Textfarbe weiß, Textgröße 12px

Demo ansehen

(die Hintergrundfarbe der Seite ist z.B. mit #512210 festgelegt) 
.message {
color:#FFFFFF;
font-family: Verdana,Arial,Helvetica;
font-size:14px;
border:1px solid #5A5ABE;
padding:1px;
background-color: #5A5ABE;
width:430px;
height:25px;
text-align:center;
}
Ergebnis:

Gewinnspiel: 10 Kindergeburtstag-Deko-Sets



   Texte ändern

Neben dem Text der gleich zu Beginn angezeigt werden soll, können sie die Texte für die 6 wechsenden Textnachrichten eintragen. Finden sie dazu diese Scriptzeilen im Quellcode: 

// Edit-Marker Texte

// 7 Texte eintragen (Starttext + 6 wechselnde Texte)

var textstart = "Adventskalender Parfümerie Heidi Schön"
var text01 = "im Dezember: Duft des Tages zu Sonderpreisen";
var text02 = "Cupon ausdrucken und vorbeischauen";
var text03 = "02.01.2008 Neueröffnung unserer Filiale in Dings";
var text04 = "Gewinnspiel: 10 kostenlose Typberatungen"
var text05 = "Teilnahmekarten erhalten sie in allen Filialen"
var text06 = "Parfümerie Heidi Schön - Hintertupfingen + Musterstadt"



   Weitere Anpassungen

Die Beschreibung zur weiteren Anpassung des Kalenders entnehmen sie bitte den Ausführungen auf der Seite Adventskalender 05-V01


   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.

Info Systemdatum ver- / einstellen



  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.


 

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

Auf der Webseite des Autors wird ausdrücklich auf die freie Verwendung und freie Weiterverbreitung des Schneefallscripts hingewiesen:

Zitat:

"This JavaScript code can be freely redistributed as long as this copyright notice is keept unchanged. This code is used on AS-IS basis and you use it on your own risk. Author of this code is not responsible for any damage that this code may make."

Das bedeutet:

Dieses JavaScript darf gratis weiter gegeben werden, solange der Copyright-Kommentar nicht verändert wird. Im Quelltext des Adventskalenders sollte also innerhalb des Schneefallscripts dieser Kommentar erhalten bleiben: 

 // JS Snow v0.2
 // finished on 11-10-1999 23:04 in Zagreb, Croatia.
 // modified on 06-12-2005 11:20 in Zagreb, Croatia.
 //
 // Copyright 1999,2005 Altan d.o.o.
 // http://www.altan.hr/snow/index.html
 // E-mail: snow@altan.hr


(Das Schneefallscript steht unmittelbar vor dem Ende-Body-Tag der HTML-Seite)






NACH OBEN