Box anpassen
Iceblue: Rechte Boxen anpassen:
Diese Klassen haben die Felder um die Box herum :
 |
Bild anklicken zum Vergrößern: Titel der Box: td.sidebar_heading Boxen-Inhalt 1 - 5 : td.shouty , .shouty2 , .shouty3 , .shouty4 , .shouty5 Abschluss-Balken in Box : td.edit_rb_footer Feld unter den Boxen : td.edit_rechts_bottom |
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); }
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 : |
<style typ="text/css"> <!-- td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 { color: #000000; font-size: 13px; font-family: arial,verdana; text-align: center; } --> </style> |