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:
Code:
td.edit_content{background-image: url(url);background-color: #000000;}
Code: 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:
Code: 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 -
Code:
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:
Code: td.edit_content_bottom2{background-image:url(http://80.190.202.79/pic/s/success4you/footercopyright.gif);}
Auch hier gilt - alle CSS-Codes in die Style-Anweisung hinzufügen:
Code: <style type="text/css">
<!--
Hier kommt der komplette Code rein.
-->
</style>
Zuletzt bearbeitet von success4you am 18.12.2011, 16:49, insgesamt einmal bearbeitet
|
