td.edit_header_full (der Header) und td.headline (der Homepagename im Header)
  Content Top
 


Kommen wir nun zu dem Feld über den Content. Der Contenttop besteht aus 2 Codes. Einmal der eigentliche Contenttop und dann noch aus einem Hovereffekt. Dieser Hovereffekt, ist in den meisten Fällen jedoch störend. Um das zu vermeiden, nimmt man im Code einfach 2x das gleiche Bild. Bei dem Contentop ist folgendes zu beachten: Verschiedene Auflösungen und auch verschiedene Monitore (Normal oder Widescreen) zeigen das Bild unterschiedlich an. eine Ideallösung ist entweder das Bild als Farbton zu machen oder, wie hier nun zu sehen, ein Bild zu nehmen das sich ruhig in der Breite wiederholen kann. Ich hab dazu einfach den Button der Navigation genommen, der sich nach rechts weiter ansiedelt. Wiederholungen sind dadurch nicht zu erkennen. Solche Bilder dafür könnt ihr mit einem Bildbearbeitungsprogramm ganz einfach selbst erstellen.
Den grauen Rahmen lasse ich hier auch wieder drin. Es kommt halt immer darauf an ob dieser gebraucht wird.

td.edit_content_top{background-image:url(https://img.webme.com/pic/d/designcodes/contenttop.png);height: 24px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}
td.edit_content_top:hover{background-image:url(https://img.webme.com/pic/d/designcodes/contenttop.png);height: 24px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}

Ihr müsst jedoch immer daran denken, dass es bei eurem Monitor, sagen wir mal es ist ein normaler Monitor bei einer Auflösung von 1024 x 768, anders aussehen kann als bei einem Widescreen mit 1280 x 768. Deshalb dafür ein ansatzloses Bild nutzen. Das passt sich der Auflösung dann an.


Wer komplett auf den Contentop verzichten möchte, ändert es im Code wie folgt:

td.edit_content_top{display:none;height: 0px;}
td.edit_content_top:hover{display:none;height: 0px;}



Normalerweise ist der Seitentitel noch im Contenttop enthalten. Diesen empfinde ich jedoch als störend und hab ihn deshalb ausgeblendet. Folgender Befehl im Code ist dafür verantwortlich:

td.headline2{visibility:hidden;}

Wer allerdings die Anzeige des Seitentitels behalten möchte, der löscht diese Zeile einfach raus.



 
  Du bist heute der 2 Besucher (4 Hits)  
 
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden