Design von HomepageHelfer.net

Einige Informationen zu diesem Design!

Design Informationen

Hier könnt ihr einige Informationen zu diesem Weltreise Design nachlesen. Wenn ihr sonst noch Fragen zu diesem Layout habt, fragt doch in unserem HomepageHelfer Forum nach. Da wird euch sicher jemand weiterhelfen.

Valid XHTML 1.0 Transitional CSS ist valide!

Das Layout

Das Weltenbummler Layout besteht nur aus einer Haupt-Grafik "so wie ihr es jetzt seht", die aber dann in 4 Teile geschnitten wird. Zusätzlich noch ein Design in Mini Format für die Navigationsboxen, das auch in 3 Teile geschnitten wurde.

Teil 1: Header - Das ist der Kopfteil des Designs. Kann noch mit einem Schriftzug ausgestattet werden.
Teil 2: Header - Das untere Teil im Header mit den oberen Navigationsbutton.
Teil 3: Main - Das ist der Mittelteil des Design, das sich vertikal immer wiederholt Je nach Länge der Textseite.
Teil 4: Footer - Oder auch einfach Fuß des Designs genannt; der kommt immer zum Abschluss.
Navi : Dasselbe gilt für die Navigationsboxen, jedoch fällt Teil 2 weg, da es nur einen Header Teil benötigt.

Der Hintergrund besteht aus Unifarben. Könnte aber auch mit einer wiederholenden Grafik "Texturen" ausgestattet werden.

Die Technik

Dieses Design hat eine feste Größe, (Breite in Pixel).
Schrifteinstellungen können ganz einfach über die CSS Datei gemacht werden.
Der Titel im Header kann im HTML Teil geändert werden.
Um die Header Grafik auszuwechseln, müsste man das ganze Layout neu machen, weil das ganze ein Stück, wie oben beschrieben, ist. Der Header kann mit jedem Grafikprogramm beschriftet werden. Danach könnt ihr einfach den Titel im Design entfernen.

Die Navigation

Eine horizontalen Navigation oben, für maximal 6 links.

In der Linken Hälfte können beliebig viele Links eingebunden werden. Sie können auch in Gruppen unterteilt werden, wie Ihr sehen könnt.

Die Navigationslinks sind mit Tabellen und Border erstellt, und einfach über CSS beschriftet. Auf Wunsch können wir die linke Navigation mit Untermenüs ausstatten!

Bedienung

Um neue Links Einzubauen, benötigt man eigentlich keine HTML Kenntnisse, da die Links ganz einfach untereinander sind mit "class" Bezeichnung und den Tabellen "tags".

Browser Tests

Dieses Design wurde mit folgenden Browsern erfolgreich getestet!

Internet Explorer Mozilla Google chrom Opera Safari T Online