Die rechten Boxen

 

können wir jetzt noch unserem Design farblich anpassen - einen Rand hinzufügen:

Die Codes kenn wir ja schon von den Schriftfarben - die Farben können auch hier wieder angepasst werden, wie es schon beschrieben wurde - wenn wir den Rand nicht wollen - geben wir bei

border: 0px ein - der Code lautet folgendermaßen:

 

 

td.shouty {color:#ff0000;background-image: url(URL);background-color: #000000;border: 3px solid #c6c5c5;} td.shouty2{color:#ff0000;background-image: url(URL);background-color: #000000;border: 3px solid #c6c5c5;} td.shouty3{color:#ff0000;background-image: url(URL);background-color: #000000;border: 3px solid #c6c5c5;} td.shouty4{color:#ff0000;background-image: url(URL);background-color: #000000;border: 3px solid #c6c5c5;} td.shouty5{color:#ff0000;background-image: url(URL);background-color: #000000;border: 3px solid #c6c5c5;}

 

 

 

Wenn wir die Boxen weglassen wollen:

 

 

td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{visibility: hidden; width: 0px ;}

 

 

Jetzt müssen wir nur noch das Design verbreitern:

 

Design verbreitern

 

Den Content - also das mittlere Textfeld können wir dann auch verbreitern:

 

 

Wollen wir die Boxen mit füllen, was zu unserer Seite passt - vom Design her und vielleicht auch vom Thema

gibt es verschiedene Möglichkeiten:

 

z.B. mit einer Calendar-Clock  

oder mit unserer ICQ-Status-Anzeige
 

 

 

 

 

Das sind die fertigen Boxen - mit grauem Rand und schwarzem Hintergrund, wie oben in dem Code.

Jetzt sehen wir im Beispielbild die untere Leiste der Boxen weg ist- sie sind gewissermaßen freigestellt - auch das ist ganz einfach:

 

td.edit_rb_footer{visibility: hidden; width: 0px ;}

 

damit ist die Fußleiste der Box komplett weg. Jetzt müssen wir die Boxen nur noch mit Inhalt füllen: 

 

Tools für die Homepage

 

dort sind sehr übersichtlich Homepage-Extras ohne Ende.

 

Wir können auch noch weitere Boxen hinzufügen - die müssen allerdings programmiert werden:

 

Zusätzliche Boxen