Suche im Forum:
Suchen


Autor Nachricht
Beitrag21.06.2008 um 06:19 (UTC)    
Titel: Iceblue: 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:

Code:
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:

Code:
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

Code:
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
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM


Zuletzt bearbeitet von success4you am 18.12.2011, 16:49, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de