Ein Beispiel: Links die Original-Box. Rechts die Box angepasst. Wir benötigen 3 Grafiken.
Wir müssen 3 Felder anpassen:
das Feld mit dem Boxen-Titel
das Feld mit dem Boxen-Inhalt
und das Feld unter den Boxen
diese 3 Felder bekommen die neuen Hintergrundbilder
maximale Breite der Grafiken: 168 Pixel
siehe Beispiel-Code :
/* Titelfeld über den Boxen */ td.sidebar_heading {
height: XXXpx;
background-image: url(Hier BILD-URL 1); }
/* Inhalt in den Boxen */ td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
background-image: url(Hier BILD-URL 2); }
/* Abschluss unter den Boxen */ td.edit_rb_footer {
height: XXXpx;
background-image: url(Hier BILD-URL 3); }
Beachtet bitte:
Klasse td.sidebar_heading hat ein height: XXXpx; im Code.
Das ist die Höhen-Angabe. Statt XXX bitte die Höhe angeben, die auch die Grafik hat
Klasse td.edit_rb_footer hat ein height: XXXpx; im Code.
Das ist die Höhen-Angabe. Statt XXX bitte die Höhe angeben, die auch die Grafik hat
Inhalt der Boxen anpassen:
Beispiel-Code :
- Textfarbe in den Boxen 1-5
- Textgröße in den Boxen 1-5
- Schriftart in den Boxen 1-5
- Textausrichtung mittig in 5 Boxen
- dann sieht der Code so aus :
• dies ist der Inhalt im < div id="popup1" >
• befindet sich im Feld "Text UNTER Design"
• das DIV ist nur auf einer Seite zu sehen
• und auf dieser Seite wurde das Design entfernt
• angezeigt wird also nur der Inhalt des einen DIV
