Under construction!
 
 

Das Layout

Dieses Design heisst: "Foto-Negativ".

Ober-und unterhalb der Hauptgrafik wird ein Foto-Negativ-Rahmen angedeutet. Man erkennt es intuitiv und verbindet auch sofort ähnliche Themen damit, wie: Medien, Fotograf, Mode, Kino, Film, Video, Kunst, Bilder-Gallerie oder "Roter Teppich". Der Style wirkt klassisch und zeitlos modern und ist es auch, fernab von Trends, Berufsgruppen und Themengebieten. Denn die Farben Schwarz und Weiss sind als Kontrast-Farben gerne gesehen und immer angesagt. Ein Beispiel: Denken Sie diesbezüglich mal an ein schwarzes Sakko (Jacket) mit weissem Hemd - ein zeitloser, die Jahrzehnte überdauernder Klassiker.



Die Farben

Zu dieser Farb-Kombination Schwarz/Weiss lässt sich natürlich bedenkenlos noch eine dritte Farbe hinzufügen. Wir haben uns hier für Grün entschieden. Nutzen Sie diese, unsere Idee inklusive des "Luchs-Fotos" doch sofort und unkompliziert. Sie können dieses Layout aber auch auf eine andere "dritte Farbe" hin anpassen, wenn Sie experimentieren wollen. Ein angenehmes warmes Rot, ein kraftvolles Orange, ein dezentes Grau, ein frisches Gelb oder ein sanftes Türkis stellen wir uns hier sehr gut vor. Die Farbe sollte sich im Ideal-Fall aus Ihrem eingefügtem Foto ableiten.



Die Technik

Die Vorlage ist so konstruiert, dass Sie das obige Foto - nur falls Sie möchten - durch Ihr Foto ersetzen können. Der schwarze Negativ-Foto-Rahmen legt sich dann auch um Ihr Foto herum. Die Höhe Ihres Fotos stellen Sie in der CSS-Datei ein, unter "height" bei "#top2". Wir haben für Sie noch ein Beispiel angefertigt. Schauen Sie hier die Version 2 (index2.html, format2.css).

Seite ohne Frames. 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, 1 Menü oben links. Beide Menüs oben 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



Dead Text

Fusce bibendum pretium ante. Pellentesque sed enim nec odio laoreet congue. Nullam aliquam rhoncus libero. Morbi vitae sem. Sed quis lorem. Curabitur suscipit vehicula est. Donec venenatis.

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.
Mike Muster GmbH & Co. KG  •  Spezialstrasse 55  •  55234 Sampletown