Design: "Pier in Scheveningen"

Info: Das Design dieser Vorlage wurde am 17. Juni 2008 neu überarbeitet - neu sind das vertikale Navigationsmenü der rechten Spalte sowie das vorformatierte Beispiel-Suchformular darüber. Außerdem wurden noch ein paar kleine Veränderungen am Design vorgenommen!

Tabellenkonstruktion: Die Gesamtbreite der äußeren Tabellen (zentriert) liegt hier bei 760px. Alle Änderungen der Formatierung, wie z.B. die der Schriftart, -größe, -farbe etc. sind über die extern ausgelagerte CSS-Datei vorzunehmen. Die Seitenlänge passt sich stets dem eingefügten Inhalt an. Nach Anpassung der Verweise, des Textes der oberen Grafik sowie der Fußzeile am unteren Ende, ist das Html-Dokument 'index.htm' so oft zu kopieren, wie Seiten für Ihr Projekt benötigt werden, die dann im Anschluß noch dementsprechend umzubenennen sind.

Navigation und allgemeine Links

Dem horizontalen Navigationsmenü wurden sieben Links spendiert. Aufgrund der Optik sollten die Links in diesem Menü nicht mehr erweitert werden. Dafür lässt sich aber das vertikale Menü in der rechten Spalte unbegrenzt erweitern!

Hier noch ein Beispiel-Link im Text ohne Ziel!

Beschriftung Logo-Grafik - Homepage

Anbei liegt dieser Homepagevorlage eine Logo-Grafik im Psd-Format (homepagename-text-aendern.psd), bei der auch auf die Textebene gegriffen werden kann, um Ihren individuellen Text einzufügen bzw. den vorhandenen (Homepagename) zu ersetzen. Benutzen Sie dazu ein geeignetes Bildbearbeitungs-Programm wie z. B. Photoshop und öffnen Sie mit diesem o.g. Datei. Durch Drücken der Taste [ T ] gelangen Sie zum horizontalen Textwerkzeug; markieren Sie mit der Maus den vorhandenen Text in der Grafik und ersetzen diesen durch den gewünschten. Danach speichern Sie die Datei zuerst wieder ins Psd-Format ab, damit Sie zu jederzeit wieder auf die Textebene zugreifen können. Abschließend speichern Sie die Datei noch ins Jpg-Format für das Web in den Ordner "images" zurück und ersetzen in der ausgelagerten CSS-Datei unter der Id #logo den entsprechenden Dateinamen. Zur Zeit wird für die Grafik nachfolgender Name (dunkelbraun unterlegt) verwendet:

#logo
{
background-image: url('../images/grafik-mit-beispieltext.jpg');
background-repeat: no-repeat;
width: 760px;
height: 225px
}

Übrigens: Falls Sie über kein geeignetes Bildbearbeitungs-Programm verfügen sollten, so liegt der Vorlage noch eine unbeschriftete Grafik (logo.jpg) anbei.

Bitte beachten

Die Nutzung dieser Homepagevorlage ist für jedermann ( auch für gewerbliche / kommerzielle Zwecke ) kostenlos!
Einzigste Voraussetzung: Der Backlink am Fußende des Templates darf nicht entfernt werden! Siehe weitere Informationen hierzu in unseren Nutzungsbedingungen!