td.edit_header_full (der Header) und td.headline (der Homepagename im Header)
  Bild über Navi
 


Jetzt befassen wir uns mit dem Feld über der Navigation. Das Bild sollte die gleiche Höhe haben wie von den Contenttop. Damit hätten wir eine Linie und der Bereich sieht nicht so abgehackt aus. Ich nehme dazu einfach das gleiche Bild wie im Contenttop. Die Hinweise dazu habt ihr ja bestimmt gelesen.

Der Code

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

ist für dieses Feld, also für nav_heading, verantwortlich. Ihr könnt natürlich auch ein anderes Bild nehmen. Auch hier ist euer Geschmack gefragt. Immer daran denken: Weniger, ist manchmal mehr. Den Border hab ich ebenfalls drin gelassen. Die Breite des Bildes ist, wie bei den Navibuttons, 185 Pixel.
 
Wenn ihr auf Design einstellen geht, findet ihr oben "Titel der Navigation". Solltet ihr dort etwas reinschreiben (Navigation oder Gehe zu), dann würde der Text in diesem Feld erscheinen. Die Schrift die dann erscheint, wird noch am Schluss der Homepage erklärt. Wir machen das hier lieber Schritt für Schritt.

Sollte jemand auf dieses Feld verzichten wollen, dann schaltet Ihr es wie folgt aus:

td.nav_heading{background-image:url(URL);height: 0px;background-color:#XXXXXX;border: 0px solid #ffffff;}

Der Befehl bringt den Vorteil, dass die Navigation nicht am Header angesiedelt ist, sondern Abstand zum Header hat. Das ist allerdings nur sinnvoll, wenn ihr das auch bei dem Feld über den Shouty`s  macht. Das kommt dann im nächsten Schritt.

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