Das Layout

Dieses Design heisst: "A New Beginning".

Ein neuer Anfang. Lassen Sie die alten Dinge hinter sich. Seien Sie unbekümmert wie ein kleines Kind oder ein Narr. New Hope. Ein hoffnungsvoller Stern am Himmel. Es geht voran .... Symbolhaft mag dafür die Grafik oben und unten stehen, welche uns einen Sonnenaufgang im Wald zu einer sehr frühen Morgenstunde zeigt.



Die Technik

Das Layout scrollt hier über den feststehenden Hintergrund hinweg. Der Rahmen, welcher die Seite umgibt (hier 20px breit), ist leicht in Farbe und Breite zu verändern. Oben in der Kopfzeile sehen Sie gleich zwei Haupt-Menüs. Eines ist horizontal angeordnet und eines vertikal (von oben nach unten). Beide Menüs sind um einige Links erweiterbar. Falls Sie die Hintergrundgrafik beim Haupt-Foto tauschen wollen, so legt sich auch Ihr Foto effektvoll hinter das vertikale Menü. Überhaupt ist diese Konstruktion sehr flexibel, d.h. nicht nur die Gesamtkonstruktion ist bezgl. der Breite veränderbar, sondern auch alle anderen Objekte in Breite und Höhe, wie z.B. Kopf- und Fusszeile. Probieren Sie es einfach aus. So ist die Fusszeile in drei Bereiche geteilt: Oben Ihr Text wie z.B. die URL ( oder wie hier eine Zahl), in der Mitte ein Menü, welches wiederum "horizontal drei-geteilt" ist und unten ein die Adresse (Mike Muster). Mehr Infos bezgl. der Anpassungen sehen und klicken Sie bitte weiter unten bei Tipps (tipps.html).

Seite ohne Frames. Pixel-oder Prozentkonstruktion möglich. Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.



Die Navigation

Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. 1 Menü oben horizontal, 1 Menü oben vertikal, 1 Menü unten (welches sich von unten nach oben aufbaut, wenn Sie weitere Links hinzufügen), unterteilt in drei Bereiche. Alle Menüs sind um einige Links zu erweitern bzw. natürlich auch zu verkürzen.

Die allgemeinen Links (Links im Text) sehen zur Zeit aus wie nachstehend: Um den Mouseover-Effekt anzuschauen, fahren Sie mit der Maus über den Link: Beispiel-Link



Die Tipps

Einige Möglichkeiten der Anpassung, insbesondere zum Tausch der Haupt-Grafiken oben und unten sehen Sie bitte hier: tipps.html

Praesent nisl mi, condimentum sed, bibendum semper, fringilla a, felis. Phasellus tincidunt odio vel nulla. Morbi vitae urna quis nulla imperdiet rhoncus. Aliquam feugiat, nulla non semper mollis, sapien velit rutrum urna, eu vehicula erat risus et leo. Maecenas a nulla. Maecenas nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris eu massa. In semper. Morbi vitae nisl at felis placerat porttitor. Morbi molestie. Cras ligula sapien, consequat sed, scelerisque ut, pulvinar vel, sem. In vulputate gravida orci.
 
~ 1 ~


graefworld.de