Adventskalender 13 Modifikationen
Abhängig von der Variante des Online-Adventskalenders 13 können sie in der Kalenderdatei unterschiedliche Modifikationen eintragen. Die Überschrift des Kalenders werden sie sicher ändern wollen.
|
|
Adventskalender 13 - Variante 02
2 Titeltexte ändern + formatieren
Die Titeltext des Online-Adventskalenders 13-02 wurden mit CSS-Angaben formatiert und positioniert.
Wenn sie lediglich die Texte ändern möchten, lesen sie den 1. Abschnitt meiner Beschreibungen.
Wenn sie weitere Änderungen eintragen möchten, z.B. für Textgröße, Textfarbe oder Fonttype, lesen sie den Abschnitt 2.
|
|
1 Titeltexte ändern
Möchten sie die beiden Titeltexte ändern, lokalisieren sie im Quellcode der Kalenderdatei diese Eintragung, etwa bei Zeile 450:
<!-- Titeltext hier eintragen -->
<div class="titel">Adventskalender 13-02 Feuerwehr Geilenkirchen</div>
<!-- TiteltextKlein hier eintragen -->
<div class="titelklein">Titeltext klein: Löschgruppe Tripsrath</div>
Video ansehen
Hier wird in einem Video gezeigt, wie sie den Titeltext im Kalender ändern und anpassen können. Dazu benötigen Sie einen Flash-Player.
| Adventskalendder Titeltext ändern |
Video |
Download |
|
Sie können zu diesem Thema auch ein kurzes Flash-Video ansehen. Die Datei ist allerdings 2,1 MB groß. Alternativ dazu können sie den Film (1,6 MB) auch als ZIP-Datei herunterladen.
|
 2,1 MB |
 1,6 MB |
2 Titeltexte formatieren
Der Adventskalender 13 - Variante 02 sieht zwei Einträge für Titeltexte vor, einen in großer Fettschrift, einen in kleinerer Normalschrift.
Wenn sie die beiden Titeltexte anders formatieren möchten (Farbe, Schriftart, Größe), tragen sie ihre Angaben im Head der Datei bei den CSS-Notierungen ein. Lokalisieren sie im Head-Berich der Kalenderdatei die CSS-Klassen 'titel' und 'titelklein'.
/* Edit-Marker Titeltext - Format */
.titel
{
font-family: Tahoma,Arial,Helvetica,sans-serif;
color:#4B4B4B;
font-size:22px;
font-weight:bold;
/* top = abhängig vom Abstand top in Klasse 'kalender' und Rahmenbreite */
top:50px;
left:0px;
width:100%;
z-index: 3;
position:absolute;
}
/* Edit-Marker Titeltext - Format */
.titelklein
{
font-family: Tahoma,Arial,Helvetica,sans-serif;
color:#4B4B4B;
font-size:12px;
font-weight:normal;
/* top = abhängig vom Abstand top in Klasse 'kalender' und Rahmenbreite */
top:80px;
left:0px;
width:100%;
z-index: 4;
position:absolute;
}
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.
Mehr Info dazu finden sie im Menü links
Eingetragene Adventskalender
Über jede Internetseite, auf der mein Adventskalender zu sehen sein wird, freue ich mich. Schicken sie mir eine kurze Nachricht mit dem Link zu ihrem Kalender, den ich dann hier veröffentlichen werde.
Liste der Kalender

|