Helmut Köllermann - Fotografie

Layout.

Dieses Design heisst " Universe ".

Die Idee: Wir werten bei diesem Design optisch den Inhaltsbereich mächtig auf, denn dieser enthält "grafisch" eine fliessende Verbindung zum Kopfbereich (Homepagename und Menü oben) sowie zum Fussbreich (z.B. Adresse) - ausserdem soll alles einfach und kompakt wirken (hier also nur 3 wesentliche Farben, wie Blau, Schwarz und Weiss):

Die obige Kugel-Grafik schiebt sich durch das Menü hindurch weiter sanft nach links unten ausblendend in den oberen Inhaltsbereich hinein. Die untere Kugel-Grafik der Fussleiste (Adresse) schiebt sich in den unteren Inhaltsbereich hinein. Das alles ist unabhängig von der Länge Ihres Inhaltsbereiches.

Die Buttons beim Menü oben verbreitern oder verkürzen sich automatisch bei längeren bzw. kürzeren Linkwörtern. Es ist aber auch zusätzlich ein zweites vertikales Menü anbei in Version 4.


Technik.

In diese Vorlage können Sie auch im oberen Bereich eine Logo-Grafik und/oder einen Banner einbauen. Wir haben das für Sie bereits angelegt, es sind Zusatzversionen anbei, wie folgt: Version 3: In der Version 3 wird somit oben noch ein Bereich angebaut. Diese Höhe dort stellen Sie nach Ihrem Belieben ein, und zwar in der Datei "format.css" bei #bannertop. Im Moment steht die Höhe dort auf 80 px (Pixel).

Seite ohne Frames. Die Fusszeile unten (z.B. Adresse ) sowie oben der Homepagename sind als einfacher Text einzutragen.

Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.


Navigation.

Textlinks. Die Buttons oben passen sich automatisch Ihrer Linklänge an. Das Menü oben können Sie um einige Links erweitern. Das zweite Menü (Version4: anbei index4.html) ist beliebig erweiterbar. Sie können dort auch die Breite einstellen. Im Moment beträgt die Breite dort 180 Pixel.

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


Dead Text.

Etwas Dummy-Text. Also Beispiel Fülltext. In ornare felis eget magna. Donec hendrerit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur sit amet est. Pellentesque tincidunt imperdiet risus. Nulla varius tincidunt felis. Cras in metus non odio elementum consequat. Ut quis tortor eget erat consequat porta. In mauris. Vestibulum eget ante. Curabitur hendrerit sagittis ante. In sem massa, iaculis quis, mollis vel, fermentum vel, nulla. Nam turpis orci, congue ultrices, vehicula sit amet, pretium sit amet, mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus tincidunt tellus at nisi.

Vestibulum vestibulum ipsum vitae orci. Ut massa elit, interdum vel, aliquet non, iaculis eget, neque. Maecenas scelerisque leo non pede. Nulla ligula libero, egestas nec, scelerisque et, scelerisque vel, risus. Duis ut turpis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum sodales, erat vitae laoreet hendrerit, arcu purus pretium pede, a semper nunc nunc vitae lectus. Donec dignissim felis dapibus ante.
Helmut Köllermann
Hedwigstraße 24
47179 Duisburg