success

Eigene HP 9 - Content

Machen wir erst einmal mit dem Mittelteil - dem Content weiter - auch hier gibt es wieder verschiedene Möglichkeiten -

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 paßt 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 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 paßt - 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);}

 

Jetzt haben wir unser Design soweit fertig - im nächsten Kapitel werden wir noch den Header austauschen - und uns alles nochmal zusammenfassend anschauen.

 

Insgesamt waren schon 485454 Besucher (1858401 Hits) hier!
#Impressum | => Willst du auch eine kostenlose Homepage? Dann klicke hier! <=