 Adventskalender 05 Modifikationen Pfadangaben
Abhängig von der Variante des Online-Adventskalenders 05 können sie in der Kalenderdatei unterschiedliche Modifikationen eintragen. Sie können die Grafik austauschen, Hintergrundfarbe ändern und den Rahmen formatieren.
|
|
Rahmen + Hintergrundfarbe
Im Download dieses Kalenders ist eine grüne Kalendergrafik enthalten und der Seitenhintergrund ist grün eingefärbt.
Die Hintergrundfarbe der Seite und den Rahmen des Kalenders sollte man der ausgewählten Grafik anpassen.
Dazu rate ich auf jeden Fall, wenn Sie eine alternative Grafik herunter geladen haben und die grüne Standard-Grafik ausgetauscht wurde.
 alternative Grafiken
|
|
1 Rahmen des Kalenders - Breite und Farben
 Edit-Marker 06
Die Formatierung des Rahmens für die Kalendergrafik wird im Block der CSS-Anweisungen für die Unterklasse 'rahmen' eingetragen. Die CSS-Anweisungen stehen im HEAD-Bereich der Seite. Breite, Farbe und Rahmentyp eintragen
/* Edit-Marker 06 Kalenderrahmen */
.rahmen {
border: 10px ridge #00BF00;
}
(Breite hier 10 Pixel, Farbe hier Rottöne)
Wenn ein Rahmen nicht erwünscht ist sieht der Eintrag so aus:
/* Edit-Marker 06 Kalenderrahmen */
.rahmen {
border:none;
}
2 Hintergrundfarbe
Die Hintergrundfarbe für die HTML-Seite des Kalenders wird im Block der CSS-Anweisungen für den 'body' eingetragen. Die CSS-Anweisungen stehen im HEAD-Bereich der Seite.
<style type="text/css">
<!--
body {
...
/* Hintergrundfarbe */
background-color: #00552B;
...
}
3 Hintergrundgrafik
Sie können für die gesamte Adventskalenderseite eine Hintergrundgrafik einbinden.
Die Anweisung für die Grafik wird im Block der CSS-Anweisungen für den 'body' eingetragen. Die CSS-Anweisungen stehen im HEAD-Bereich der Seite. Die Anweisung für einen Seitenhintergrund ersetzen dann die Angaben für die Hintergrundfarbe.
Einige Hintergrundgrafiken zum Download finden Sie im Untermenü 'Hinweise und Anpassungen' auf der Seite Seitenhintergrund Grafik
 Demo ansehen 
<style type="text/css">
<!--
body {
...
/* Hintergrundgrafik */
background:url(nussknacker.gif) #273447;
...
}
|
Home • Adventskalender • Kalender 05 • Pfad ändern