 Adventskalender 09 Modifikationen
Nach dem Download besitzen sie einen funktionierenden Kalender. Den Titeltext sollten sie anpassen. Abhängig von der Variante des Adventskalenders 09 können sie weitere Modifikationen vornehmen.
|
|
Titeltext ändern + formatieren
nur Kalender 09-01
Der Titeltext in den großflächigen Varianten des Online-Adventskalenders 09 wurde mit CSS-Angaben positioniert und formatiert.
Wenn sie lediglich den Text ä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.
| |
|
i Titeltext ändern
Etwa bei Zeile 400 im Quelltext der Adventskalenderdatei finden sie folgende Codezeilen:
<!-- Edit-Marker Headline -->
<div class="titel">
Adventskalender 09-01<br>
<span class="subtitel">
© W. Jansen - Geilenkirchen Lindern<br>
Subtitel diese Texte sollten sie ändern
</span>
</div>
Ändern sie die rot markierten Passagen.
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 |
j Titeltext formatieren
Wenn sie den Titeltext formatieren möchten, tragen sie ihre Angaben im Head der Datei bei den CSS-Notierungen ein. Der Titeltext hat die CSS-Klasse 'titel'.
Kalender 09-01
.titel {
/* Titeltext */
.titel {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:22px;
font-weight:bold;
color: #97A0ED;
line-height:130%;
position:absolute;
left:100px;
top:50px;
}
.subtitel {
font-size:16px;
line-height:120%;
font-weight:normal;
}
k Titeltext Position ändern
Die Überschrift des Kalenders wird durch CSS-Angaben zentriert und (in diesem Beispiel) 30 Pixel von oben positioniert. Tragen sie den entsprechenden Wert ein.
.titel {
/* Titeltext */
.titel {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:22px;
font-weight:bold;
color: #97A0ED;
line-height:130%;
position:absolute;
left:100px;
top:50px;
}
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
|
Home • Adventskalender • Kalender 09 • Titeltext
Demo 09-01