 Adventskalender 01 (Modifikation - Eigenes Hintergrundbild)
Eigenes Motiv als Hintergrund
Ihr eigenes Bild oder Foto personalisiert ihren Kalender. Es ersetzt dann mein Motiv. Der Vordergrund mit Kästchen bleibt erhalten.
Passend zur Hintergrundgrafik können sie das Erscheinungsbild anpassen
- den farbigen Rahmen
- Nummernfenster (siehe rechts 21)
- die Hintergrundfarbe
- Kästchengrafik im Vordergrund
 Beispiel ansehen
| |
|
Eigenes Foto einbinden
Sie können den Adventskalender sehr leicht personalisieren. Daszu bedarf es grundsätzlich nur einen einzigen Arbeitsschritt: Sie ersetzen die Standard-Grafik mit ihrer eigenen Grafik / mit ihrem eigenen Foto. Sie benötigen eine Grafik mit den Abmessungen von 500 x 375 Pixel, Quellen siehe unten.
Im Download ist ein Hintergrundmotiv enthalten. Die Grafik hat die passenden Abmessungen von 500 x 375 Pixel und den Dateinamen 'foto.jpg'. Wenn sie ein eigenes Foto einbinden möchten, gehen sie so vor:
Ein Hintergrundbild in der Größe 500 x 375 Pixel im gleichen Ordner als 'foto.jpg' abspeichern und dabei meine Datei 'foto.jpg' überschreiben. Bei dieser Verfahrensweise müssen sie im Quellcode keine Änderungen vornehmen.
Möchten sie allerdings auf ein Image mit anderem Dateinamen oder in einem anderen Pfad verweisen, ändern sie die Angaben für die URL der Grafik.
 Edit-Marker 07
Suchen sie im Quellcode der HTML-Datei den 'Edit-Marker 07' und tragen sie den Dateinamen bei background="foto.jpg" ein. Im Quelltext finden sie einen entsprechenden Hinweis.
<!-- Edit-Marker 07 -->
<tr><td background="foto.jpg">
Nummernfenster / PopUp-Box
Hintergrundfarbe, Schrifttype, Schriftfarbe und Schriftgröße können sie ihrem Design anpassen.
 PopUp-Box für die Tageszahl formatieren
Rahmen des Kalenders - Breite und Farben
Edit-Marker 06
Breite, Farbe und Rahmentyp eintragen
<!-- Edit-Marker 06 -->
style="border-width:30px; border-style:ridge; border-color:#D40000"
Breite hier 30
Farbe hier rote Farbtöne
Hintergrundfarbe
Die Hintergrundfarbe für ihr HTML-Dokument wird im Body-Tag eingetragen
<body bgcolor="#BE0000" alink="#FFFFFF" ...
Kästchenfarbe - andere Grafik im Vordergrund
Abhängig von der vorherschenden Farbe ihrer Hintergrundgrafik kann man möglicherweise die Kästchen (Klickbereiche) nicht mehr erkennen. Laden sie dann eine andere, passende Grafik herunter. Siehe im Menü rechts 'andere Kästchengrafik'
Hintergrundmotive
Sie können ihr eigenes Motiv entwerfen oder ein freies Foto bearbeiten. Weihnachts-Motive und Foto-Quellen zur freien Verwendung finden sie z.B. auf:
Für Fotos empfehle ich www.pixelio.de . Suchen sie dort nach 'Winter' oder 'Weihnachten'.
Zur Inspiration einige Motive im Überblick. Diese Auswahl habe ich bei Pixelio gefunden. Leider darf ich ihnen die Fotos nicht in passender Größe zum Download anbieten. Eine Weitergabe der freien Fotos als Sammlung oder Download-Angebot ist nicht gestattet. Sie selbst dürfen allerdings Fotos für ihren Kalender kostenlos herunterladen, bearbeiten und veröffentlichen. Lesen sie die Nutzungsbedingungen, manche Fotos darf man durchaus auch auf kommerziellen Seiten verwenden.
Hier als Beispiel zwei Fotos von Herrn Hofschläger, der diese Aufnahmen bei pixelio.de zur freien redaktionellen und kommerziellen Verwendung und zur Bearbeitung freigegeben hat:
Abhängig vom Thema ihrer Homepage und von der Altergruppe ihrer Besucher muss die Hintergrundgrafik ja nicht unbedingt Weihnachtsbäume und Lametta darstellen.
Hier eine von mir erstellete Grafik für ganz digitale Computermenschen aus lauter Nullen + Einsen, die sie herunterladen und verwenden dürfen. Dateiname: foto32.gif
Hier zwei von mir bearbeitete eigene Fotos (Fensterdekoration, Scherenschnitt),(Nikolaus auf dem Postkasten), die sie herunterladen und verwenden dürfen. Dateinamen: foto07.jpg, foto40.jpg, foto41.jpg
|
HOME
ZURÜCK 
