Design: "Little Box"

Diese Homepagevorlage wurde am 21. Juni 2008 neu überarbeitet

Konstruktion: absolut positionierte Div-Boxen

Hier finden Sie weder Frames noch Tabellen. Diese Homepagevorlage ist eine reine Div-Boxen-Konstruktion mit absoluter Positionierung. Die Breite bzw. Höhe der äußeren Box liegt derzeit bei 600 x 400px. Die Box ist sowohl horizontal als auch vertikal zentriert ausgerichtet. Der Boxen-Abschnitt, in dem Sie gerade lesen, ist auf 'overflow: auto' gesetzt, d.h. wenn der Text länger ist als der Boxen-Abschnitt selbst, wird eine Scrollbar angezeigt, befindet sich weniger Text darin, so verschwindet sie automatisch. Siehe auch Beispielseite ohne Scrollleiste.

Bearbeitung der Logo-Grafik "Homepagename"

Das Logo bzw. der Homepagename besteht aus einer Grafik (logo.jpg), die zusätzlich noch als Psd-Datei (logo-text-aendern.psd) anbei ist, damit Sie den Text der Grafik nach Bedarf auch anpassen können. Falls Sie über ein entsprechendes Bildbearbeitungsprogramm wie z. B. Photoshop verfügen, können auf alle Ebenen und deren Effekte zugegriffen werden. Greifen Sie durch Drücken der Taste [ T ] auf das horizontale Textwerkzeug in der Textebene "Homepagename" und passen den Text nach Wunsch an. Speichern Sie im Anschluß die Grafik zuerst wieder als Psd-Datei ab, damit Sie auch für zukünftige Änderungen auf die jeweiligen Ebenen zugreifen können. Danach speichern Sie die Datei ins Jpg-Format mit dem Dateinamen "logo.jpg" in den Ordner "images" für das Web zurück, um die vorhandene Beispiel-Grafik zu überschreiben. Falls Sie diese Vorlage farblich verändern möchten, so können Sie bei der Grafik auch auf die Hintergrundebene zugreifen, um die Hintergrundfarbe bei Bedarf anpassen zu können. Dasselbe gilt auch für die Hintergrundgrafik (loch.gif bzw. loch.psd) der Verweise in der Navigation!

Allgemeines

Nach Anpassung der Verweise, der Kopfzeile (Adresse) sowie des Textes der Grafik ist die 'index.htm' so oft zu kopieren, wie Seiten für Ihr Projekt benötigt werden. Die kopierten Html-Dokumente sind beim Abspeichern dementsprechend zu benennen. Änderungen der Formatierung erfolgen über die extern ausgelagerte CSS-Datei.

Navigation und allgemeine Links

Das vertikale Navigationsmenü ist über den Html-Text anpassbar. Hier noch ein Beispiel-Link im Text ohne Ziel.

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!