tutorials
  Content
 

Content -  Fläche für den Inhalt

Den  Content kann man auch  wieder mit verschiedene Möglichkeiten anpassen.

1. Wir lassen ihn so, wie er ist.

2. Wir ändern die Farbe des Hintergrundes Der Mittelteil hat unten auch noch einen weißen Streifen - mit diesen CSS-Codes werden beide schwarz - wie wir die Farbcodes ändern, haben wir ja schon gelernt - das können wir hier natürlich anpassen und auch in allen erdenklichen Farben gestalten:

td.edit_content{background-image: url(url);background-color: #000000;}

td.edit_content_bottom{background-image: url(url);background-color: #000000;}

3.Wir machen den Content durchsichtig - das heißt unsere Schrift und Bilder, etc. erscheinen direkt vor dem Hintergrund - allerdings sollten wir das dann auch farblich so gestalten, dass es passt und man vor allem auch die Schrift gut lesen kann - so könnten wir zum Beispiel einen schmalen Streifen mit einem Verlauf als Hintergrund einfügen (wie das geht haben wir ja im vorhergehenden Kapitel schon gelernt):

 

 

dann machen wir mit diesem Code den Content durchsichtig:

td.edit_content{background-image: url(url);width: 0px;}

 

Die Leiste unter dem Content - können wir natürlich auch wegmachen, was sich zum Beispiel - bei dem letzten Beispiel anbietet -

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

 

Wenn wir den Counter LINK des Baukastens aktiviert haben, dann ist der jetzt nicht mehr in der Leiste, sondern freigestellt.

Wir können aber die bestehende Leist durch eine ersetzen, die zur Navigation und den oberen Leisten passt - dort erscheint dann - der Counter des Baukastens, sofern er aktiviert ist - wir können aber auch, wenn wir einen externen Counter in der Box haben oder unten auf der Seite die Baukasten Signatur unten auf der Frontseite haben ein Copyright in die Leiste schreiben - das machen wir am Besten, bevor wir die Leiste uploaden in einem Bildbearbeitungsprogramm. Dann ersetzen wir die vorhanden Leiste mit unserer neuen:

td.edit_content_bottom2{background-image:url(https://img.webme.com/pic/s/success4you/footercopyright.gif);}

 
Auch hier gilt - alle CSS-Codes in die Style-Anweisung hinzufügen:

<style type="text/css">

<!--

Hier kommt der komplette Code rein.

-->

</style>










Jetzt haben wir unser Design soweit fertig - jetzt müssen wir nur noch den Header austauschen - und uns alles nochmal zusammenfassend anschauen.

 

 
 
 
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

 
 
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
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden