Design: "Goldene Galerie"

Die Designvorlage wurde am 15.06.2008 neu überarbeitet ...
Aufgrund der Form eines Bilderrahmens eignet sie sich besonders gut z. B. für Ihre Bildergalerie, Memoiren, Tagebuch, Poesiealbum, Gedichte oder auch für festliche Rezepte.

Konstruktion: mit Tabellen

Die drei untereinanderliegenden sowie zentrierten Außen-Tabellen haben jeweils eine Gesamtbreite von 700px. Formatierungen erfolgen über die externe CSS-Datei 'style.css'. Die Überschriften <h1> beginnen mit einem runden Button, der ebenfalls in der CSS-Datei unter "h1" als Hintergrund-Grafik hinterlegt ist.
Je nach Inhalt, den Sie einfügen, verlängert bzw. verkürzt sich die Seite automatisch. Bei Bedarf finden HTML-Anfänger auf nachfolgendem Link eine ausführliche sowie verständliche Schritt-für-Schritt-Anleitung, wie die Vorlagen allgemein zu bearbeiten sind.

Nachfolgend sind noch zwei weitere Hintergründe zur Auswahl anbei. Zur Zeit wird das Background-Image 'streifen.gif' im <body> verwendet. (Bild links unten: wand.jpg; Bild rechts unten: karo.jpg) Der Austausch des Hintergrunds erfolgt ebenfalls über die CSS-Datei.

Navigation

Ist Ihnen der Hover-Effekt schon aufgefallen? Wenn nicht, dann fahren Sie doch bitte einmal mit der Maus über das Menü.
Die Buttons dort sind nicht beschriftet und können daher über das Html-Dokument angepasst werden.
Zusätzlich ist die Grafik des Buttons auch im Psd-Format (nav-button-alle-ebenen.psd) anbei, damit Sie bei Bedarf auf die jeweiligen Ebenen und deren Effekte zugreifen können.

Textanpassung der Grafik "My Gallery"

Der Homepagename bzw. die obere Grafik wurde in einem Bildbearbeitungs-Programm erstellt. Um Ihnen diese Grafik auch zugänglich zu machen, ist sie zusätzlich noch im Psd-Format (hp-name-text-aendern.psd) anbei. Wenn Sie über ein geeignetes Bildbearbeitungs-Programm wie z. B. Adobe Photoshop verfügen, können Sie auf alle Ebenen auch auf die Textebene zugreifen, um den Text der Grafik ganz nach Ihren Wünschen zu gestalten. Öffnen Sie die Psd-Datei z. B. mit Photoshop und verwenden das horizontale Textwerkzeug durch Drücken der Taste [ T ] und ersetzen den vorhandenen Text durch Ihren. Zuerst speichern Sie die geänderte Datei wieder im Psd-Format, um auch weiterhin auf alle Ebenen zugreifen zu können. Danach ist die Datei noch für das Web in den Ordner "images" ins Jpg-Format zu speichern, um die bereits vorhandene Beispiel-Grafik zu ersetzen. Die angepasste Grafik muss nun nicht mehr eingefügt werden, da diese bereits in der CSS-Datei unter der Id #hp_name hinterlegt ist, sofern der Dateiname "hp-name.jpg" nicht geändert wird.

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 Nutzung zu gewerblichen sowie kommerziellen Zwecken ist diese Homepagevorlage ebenfalls zu erwerben. Auf nachfolgenden Links gelangen Sie zu den Nutzungsbedingungen, bzw. zum Bestellformular von homepage-vorlagen-webdesign.de!