Design: "Orange Day"

Beschreibung / Layout

Tabellen- und Div-Konstruktion: Das Grundgerüst besteht aus mehreren untereinanderliegenden sowie zentrierten Div-Bereichen, die jeweils mit einer Gesamtbreite von 740px konstruiert sind. Für das horizontale Menü mit den Glanzbuttons wurde eine Tabelle verwendet, die innerhalb in einem Div-Bereich liegt; ebenso auch bei der vertikalen Navigation und dem Inhaltsbereich, die sich in einer zweispaltigen Tabelle befinden. Die linke Spalte mit der Id #nav_ver für das vertikale Menü ist mit 130px definiert; die rechte Spalte für den Inhalt (#inhalt) nimmt ohne Angabe einer Breite automatisch den Rest von 610px ein.

Im Übrigen enthält diese Homepagevorlage eine vorformatierte Beispiel-Suche; falls Sie sie nicht benötigen, löschen Sie einfach den Eintrag zwischen den entsprechenden Kommentaren im Html-Text!

Schriftzug im PSD-Format (Photoshop Document)

Sie verfügen über eine entsprechende Bildbearbeitungs-Software wie z.B. Photoshop - dann kann der hier verwendete Beispiel-Schriftzug "Your Company" (schriftzug.gif) vollständig angepasst werden, da er der Homepagevorlage zusätzlich noch im PSD-Format (schriftzug-zum-anpassen.psd) beiliegt. Aufgrund des Formats ist der Zugriff auf die Hintergrund- und der beiden Textebenen (beide Textebenen sind durch einen gewünschten, jedoch aber identischen Text zu überschreiben) zur individuellen Anpassung möglich. Wie auf die jeweiligen Ebenen zugegriffen werden kann, entnehmen Sie bei Bedarf bitte auf der nachfolgenden Seite.
Der Beispiel-Schriftzug kann selbstverständlich auch durch ein eigenes Logo, sonstige Grafik oder normalen Text ersetzt werden. Bei Ersetzen durch normalen Text, sollte dann allerdings in der CSS-Datei unter der Id #logo eine entsprechende Schriftart, -größe, -farbe etc. hinterlegt werden.

Außerdem enthält die gezippte Download-Datei der Vorlage auch alle anderen hier verwendeten Grafiken im PSD-Format, um auch sie bei Bedarf farblich anzupassen.
Info: Alle Grafiken wurden ausschließlich über die CSS-Datei definiert, d. h. also dass Sie sie im Html-Text nicht vorfinden werden.

Navigation und allgemeine Links

Das horizontale Menü mit den modernen Glanzbuttons kann nicht mehr erweitert werden, wogegen dies aber bei der vertikalen Navigation möglich ist. Unter der Id #nav_ver kann das vertikale Menü bei Bedarf anderweitig formatiert werden. Die Verweis-Adressen (Urls) sind sowohl beim horizontalen als auch beim vertikalen Navigations-Menü über den Html-Text anpassbar.
Hier noch ein allgemeiner Link im Text ohne Ziel!

Änderung bzw. Anpassung des vorhandenen Designs

Um die Ladezeit dieser Webseiten-Vorlage im Browser möglichst gering zu halten, werden Sie im Html-Text keine Angaben zur Formatierung des Designs vorfinden, da diese bereits in einer extern ausgelagerten CSS-Datei hinterlegt sind. Deshalb sollten auch Sie alle Formatierungen nur über die Datei "style.css" im Ordner "css" vornehmen.
Nach Anpassung des Schriftzuges, der Verweise sowie der Fußzeile sind weitere Seiten durch Kopieren der Datei "index.htm" anzulegen, die im Anschluss noch entsprechend zu benennen sind!

Weitere Infos

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