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 - Homepagename

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!

Info-Box: Geschickt eingesetzt, sind diese Boxen Gold wert! Hier können wichtige Mitteilungen, News uvm. untergebracht werden. Selbstverständlich können Sie so viele Boxen unter die vorhandenen setzen, wie Sie möchten! Die Breite beträgt 160px - die Höhe ergibt sich jeweils aus dem Inhalt der eingefügt wird.

Info-Box II: Falls diese Boxen anders formatiert werden sollen, so kann dies über die externe CSS-Datei unter der class .box notiert werden!

Info-Box III: Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

© 2008 Ihr Name | Design by homepage-vorlagen-webdesign.de