tutorials
  Header
 

Header 

 

Für das Design Iceblue  benötigen einen Header in der Größe 921x104 Pixel - wir können ihn auch höher machen und dann mit CSS, so programmieren, dass er komplettsichtbar ist. Er sollte  farblich und vom Thema her zu unserer Homepage passen - ein aussagekräftiger Titel - und am besten nicht unseren gesamten Homepage-Link - man kann auch den Header animieren - die Schrift oder andere Teile im Header - sehr gut eignen sich dafür die Programme Ulead PhotoImpact und Gif Animator - man kann es aber auch mit dem kostenlosen Programm Gimp erstellen. Wichtig ist das er nicht zu wild animiert ist, es sei denn es passt zu unserer Seite. Wenn wir den Header fertig haben - laden wir ihn hoch wie im Teil Bilder beschrieben.

 

ACHTUNG: Nicht vergessen bei Bilder verkleinern - das Häkchen raus zu machen!


Dann gehen wir im Login - Bereich auf --> Designeinstellungen --> Erweiterte Einstellungen 

und klicken unten unseren Header an:

 

 



 

Dann Speichern anklicken - fertig.

 

Wir können den Header aber auch mit CSS einstellen:

 

Dazu laden wir den Header hoch, wie oben beschrieben  - holen uns den Link vom Header, wie bei Bilder uploaden beschrieben und fügen ihn in folgenden CSS-Code ein:

 

td.edit_header_full{background-image:url(Link des Headers);}

 

 

diesen Code fügen wir zu unserem CCS-Code hinzu.

 

Wir können den Header bei der CSS - Programmierung auch größer machen - dann sieht unser fertiger Code so aus:

 

td.edit_header_full{background-image: url(Link des Headers); width: 1000px; height: 237px;}

 

Falls der Header sich öfters wiederholt, ist das Bild zu klein, oder wir haben beim uploaden vergessen das Häkchen bei Bilder verkleinern raus zumachen. Wenn er sich nur rechts ein wenig wiederholt können wir das mit folgendem Code beseitigen

 

 

td.edit_header_full{background-image:url(Link des Headers);background-repeat:no-repeat;}


Jetzt sieht der Besucher doch auf welcher Seite er sich befindet - das waren auch die einfachen Änderungen zu unserem individuellen Design. Es geht natürlich noch viel mehr. Wir können oben eine Navigation einbauen (Coolmenue), das Design verbreitern, die Navigation nach rechts schieben, die Boxen weglassen und den Content nochmals verbreitern und vieles mehr - stöbert ein wenig auf dieser Seite, die meisten Sachen sind hier beschrieben. Auch alle Extras, die wir beim Baukasten aktivieren können, zusätzlich auch Extras von externen Anbietern, wie ICQ oder ein Chat und vieles mehr.

 

Header- Vorlagen gibt es hier:   http://creative-design4you.de.tl/header4you.htm  - die muss man nur noch beschriften.

 

 

 

 

 

 

 
 
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