Menü I

Menü II

Hier ist eine Infobox Hier können wichtige Kurzmitteilungen, News, Infos, Termine etc. untergebracht werden. Falls Sie weitere Boxen hinzufügen möchten, dann kopieren Sie diese im Html-Text und setzen diese einfach durch Einfügen darunter!

Design: "Yellow board"

... abgestimmt in warmen Gelbtönen dazu eine Prise ROT ... den letzten Schliff erhielt die Homepagevorlage mit der Grafik in Spiegelschrift-Optik ... da können Sie einmal sehen, was eine einzige Grafik ausmachen kann ...

Tabellenkonstruktion

Der Rahmen liegt innerhalb eines zentrierten Divs (siehe CSS-Datei unter #rahmen), der eine Gesamtbreite von 770px erhalten hat. Der weiße Rand des Rahmens liegt derzeit bei 15px. Innerhalb des Rahmens befinden sich vier untereinanderliegende Tabellen (#header, #header_b, #content und #fuss), wovon die drei ersten zweispaltig sind.

1. Tabelle = #header: In der linken Tabellenspalte befindet sich ausschließlich die obere Hälfte der Grafik (Slice 2-teilig) und in der rechten die horizontale Navigation.
2. Tabelle = #header_b: Die zweite Hälfte bzw. die vertikal gespiegelte Grafik liegt direkt unter der ersten Tabelle, logischerweise auch in der linken Spalte. Die rechte Spalte kann z. B. für die Überschrift der Seite, den Homepagenamen, Slogan etc. verwendet werden!
3. Tabelle = #content: Die Breite der linken Tabellenspalte, in der sich die vertikalen Menüs befinden, beträgt 25% von 770px. Die rechte Spalte, die für den Inhalt bestimmt ist, nimmt daher den Rest von 75% ein.
4. Tabelle = #fuss: einspaltig; zentriert; line-height: 40px (= Linienhöhe)

Der Hintergrund des Templates, der einer Rauhfaser-Tapete ähnelt, ist feststehend - d. h. also dieser läuft beim Scrollen nicht mit.

Nachdem Sie die Verweise, den Homepagenamen und die Fußzeile nach Ihren Bedürfnissen angepasst haben, kopieren Sie die 'index.htm' so oft, wie Seiten benötigt werden. Die kopierten Dokumente sind dann nur noch dementsprechend umzubenennen sowie mit Ihren eigenen Inhalten zu versehen.
Die Werbeanzeigen sind selbstverständlich nicht in den Download-Dateien der Homepagevorlagen enthalten.

Formatierungen erfolgen wie üblich über die extern ausgelagerte CSS-Datei.

Spiegelschrift-Grafik

Wie Sie selbst eine solche Grafik erstellen können, entnehmen Sie bitte unter der Rubrik Homepage-Tipps. Dort finden Sie speziell zu diesem Thema eine ausführliche Anleitung. Für die Grafik, die dieser Vorlage spendiert wurde, war es aufgrund der Verwendung unterschiedlicher Hintergrundfarben der jeweiligen Zellen notwendig, diese horizontal zu slicen (schneiden). Im Download-Paket dieser Homepagevorlage ist zusätzlich noch die ungeschnittene Version der Grafik anbei.

Navigation und allgemeine Links

Das horizontale Navigationsmenü  hat einen flotten Mouseover-Effekt erhalten - fahren Sie einfach mit Ihrer Maus darüber. Dieses Menü sollte nicht mehr erweitert werden, wogegen die vertikalen Menüs unbegrenzt erweiterbar sind. Alle Hover-Effekte dieser Vorlage wurden ohne Javascript umgesetzt und können bei Bedarf über die ausgelagerte CSS-Datei verändert werden. Die Verweise selbst sind über den Html-Text anpassbar.

Bitte beachten Sie: Die Nutzung dieser Homepagevorlage ist nur für private Inhalte kostenlos, sofern der Backlink, der auf unsere Seite (http://www.homepage-vorlagen-webdesign.de/homepagevorlagen/) verweist, nicht entfernt wird. Der Backlink darf nur gegen Bezahlung entfernt werden! Für eine gewerbliche bzw. kommerzielle Nutzung ist diese Homepagevorlage ebenfalls zu erwerben. Auf nachfolgenden Links gelangen Sie zu den Nutzungsbedingungen, bzw. zum Bestellformular von homepage-vorlagen-webdesign.de!

Weitere Info

Diese Webvorlage ist W3C-konform (valides HTML und CSS)