Design von HomepageHelfer.net

Einige Informationen zu diesem Design!

Design Informationen

Hier könnt ihr einige Informationen zu diesem 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

Das Layout

Das Layout ist hier ganz schlicht in grau.
Außer dem Header Logo, das Du einfach auswechseln kannst, besteht es aus sehr kleinen Grafiken. Das ergibt schnelle Ladezeiten dieses Layouts.

Die Technik

Dieses Design hat eine feste Größe, (Breite in Pixel) kann jedoch über die CSS einfach angepasst werden.

Schrifteinstellungen können ganz einfach über die CSS Datei gemacht werden.

Das Header Logo kann einfach ausgewechselt werden.

Weil es nur aus kleinen Grafiken besteht, hat es kurze Ladezeiten.

Trotz der komplexen Navigation oben, sind "CSS-Hacks für den Internet Explorer" eingebaut.

Die Navigation

Oben, unter dem Header, haben wir Platz für 5 "Direktlink" oder "Themen-Gruppen". Frei nach Wahl! Der Vorteil an diesen "Themen-Gruppen" ist, dass man kein Link einbinden muss, und so beim Draufhalten die Gruppe geöffnet wird. Durch die CSS könntest Du, "Direktlink" oder "Themen-Gruppen", in Farbe oder Grafik verschieden gestalten.
Die "Themen-Gruppen" können mit so vielen Links ausgestattet werden wie Du möchtest.

Damit diese auch in qualitativ schlechten Browsern (Internet Explorer) funktionieren, sind sie zusätzlich mit einem "CSS-Hacks" ausgestattet.

Unten ist noch ein zusätzlicher Links-Balken eingebaut. Falls du ihn nicht benötigst, kannst du ihn im "HTML-Teil" (ist markiert) einfach entfernen.

Bedienung

Um neue Links einzubauen, benötigt man einige HTML-Kenntnisse, da die Liste "li" mit den ausklappbaren Untermenüs "ul" ein gutes Auge benötigt.

Browser Tests

Dieses Design wurde mit folgenden Browsern erfolgreich getestet!

Internet Explorer Mozilla Google chrom Opera Safari
Musterlink 3Musterlink 4Musterlink 5Musterlink 6HomepageHelfer