success

Eigene HP 2 - Iceblue

Jetzt befinden wir uns auf der Login - Seite:


 

 


ein Bild

 

Um unsere Seite nun vern0064ern und besser arbeiten zu kn006e0065n, ms00730065006e0020wir ein paar Dinge an den Einstellungen vern0064ern:

 

Wir klicken auf den Button Einstellungen


 

 


ein Bild
 

 


 

oben beim Titel geben wir mit der Tastatur ein Leerzeichen ein, damit wenn wir spt0065r unseren Header n0064ern wir nicht eine doppelte berschrift haben.

 

Alles andere stellen wir so ein, wie auf den 2 Bildern, dann haben wir nachher auch kleine Hilfetexte neben dem Mauszeiger - die Erklr0065n, was die einzelnen Einstellungen bewirken.


 

 


ein Bild
 

 


 

Jetzt editieren wir unsere Einstellungen:

 

 

und gehen wieder zum Start.

 

Jetzt wh006cen wir ein Design aus:

 

 

 


 

Hier wh006cen wir jetzt das Design Iceblue!

 


 

Warum das Design Iceblue?

 

Dieses Tutorial Erstellen einer eigenen Hompage im Baukasten von A-Z

ist an Anfn0067er gerichtet, die natr006c006900630068 auch schon ihre Seite so umgestalten wollen, wie sie es bei vielen wunderschn0065006e Seiten des Baukastens gesehen haben.

 

Das Iceblue - Design ist das Design, wo man am meisten vern0064ern kann:

Man kann den Header einfach n0064ern - man hat rechts 5 Boxen - links

ansprechende, ordentliche Navigations-Buttons - bei denen die Farbe

der Buttons, die Schriftfarbe und die Schriftgre002c sowie die Schriftart

gen0064ert werden kann. Man kann wahlweise eine Uhr, eine Umfrage, ein Login oder eine Topliste in die erste Box setzen.

 

Dann kann man mit CSS das Design, so umgestalten das es, wenn es fertig ist vl006c0069g von dem Original unterscheidet und individuell vom Webmaster der Seite gestaltet worden ist - nach seinen Wn0073006300680065n und Vorstellungen.

 

Das geht im Design Iceblue am einfachsten, weil es dort nicht so viele Klassen und Rahmen gibt, wie z.B. im Design Red oder Butterfly - wenn wir irgendwo einen Rahmen wollen kn006e0065n wir diesen ja dazu programmieren.

Des weiteren kn006e0065n wir in der Navigation einen Hover-Effekt programmieren, der z.B. so im Butterfly-Design nicht mg006c0069ch ist ( was das ist wird spt0065r ausfh0072006c00690063h erklr0074).

 

Alle Erklr0075ngen die jetzt folgen beziehen sich im Wesentlichen auf das Iceblue-Design (Sie kn006e0065n allerdings auch anderen Webmastern helfen - weil manche Dinge wie z.B. Bilder uploaden ist ja fr00200061006c006ce Designs gleich)

 

So sieht jetzt nach dem wir bei Design einstellen Iceblue gewh006ct haben und es editiert haben aus:


 

 


ein Bild
 

 


 

hier sind auch schon die Klassen eingetragen, die wir spt0065r bent00690067en um das Design zu vern0064ern.

 


 

Die Gre006e und Mg006c0069chkeiten im Design Iceblue:

Eigener Header: Ja

Headergre003a 921x104 Pixel

Anzahl der rechten Boxen: 5

Navigation Breite: 185 Pixel

Navigation-Button: 185x33 Pixel

Content-Breite: 568

Breite der rechten Boxen: 160 Pixel

Designbreite: 921 Pixel

Umfrage: Ja

Uhr: Ja

Login: Ja

Topliste: Ja

Standard-Textfarbe: einstellbar

 

Standard-Textgre003a einstellbar

 

Textfarbe der Menl0069006e006b0073: einstellbar

 

Gre0020der Menl0069006e006b0073: einstellbar

Farbe des Header-Textes: einstellbar

Hinweis unter dem Inhalts-Bereich (z.B. Copyright) mg006c0069ch


 

 

Alles andere kn006e0065n wir mit CSS individuell anpassen - dazu mehr im nc0068sten Kapitel.


 


 


 

Insgesamt waren schon 484557 Besucher (1856105 Hits) hier!
#Impressum | => Willst du auch eine kostenlose Homepage? Dann klicke hier! <=