tutorials
  Boxen
 
"

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:

 

td.edit_content{color: #ffffff;background-image: url(URL);background-color: #EEEEEE;border: 0px solid 
#ffffff;width:900px;}

 

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

 

 

 

 
 
Aktualisieren # Diese Seite Drucken ein Bild Zurück Vor ein Bild ein Bild ein Bild nur IE

Impressum | Rechtliche Hinweise | News

© success4you , Tutorials-Area 2007

 
 
=> Willst du auch eine kostenlose Homepage? Dann klicke hier! <=
http://www.bambusratte.com/taf.php?%20bgcolor=c5c5c5&txtcolor=000000&anrede=s&site=http:tutorials-%20area.de.tl&bgpic=http:img.webme.com/pic/t/tutorials-area/tutback2.gif&nametaf=Tell-A-Friend