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:
Code: 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:
Code: 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:
Code: 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:
Code: 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______________ Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!
   
   
No Support via PN, E-Mail or Messenger - only here : FORUM
Zuletzt bearbeitet von success4you am 18.12.2011, 16:35, insgesamt einmal bearbeitet
|
