Eigene HP 2 - Iceblue
Jetzt befinden wir uns auf der Login - Seite:
Um unsere Seite nun vern0064ern und besser arbeiten zu kn006e0065n, ms00730065006e0020wir ein paar Dinge an den Einstellungen vern0064ern:
Wir klicken auf den Button Einstellungen
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.
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:
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.