|
|
red poppy roter mohn
Your Slogan here ... |
|
|
Layout.
Dieses Layout heisst "Roter Mohn". Mögliche Bilder im Text könnten Sie vom Text umfliessen lassen. Hier haben wir diese Textbilder mal so angelegt, dass unterhalb der Bilder - aber noch innerhalb des Bilderrahmens -
Roter Mohn bei Nacht
ein empfehlenswerterweise möglichst kurzer Text (längerer Text geht theoretisch auch) als eine Art Titel des Bildes platziert werden kann.
Das ganze hat dann den Anschein und Charme eines Polaroid-Fotos, welches ja an der unteren Kante auch immer einen längeren Rahmen hat.
Die Farbe oder Breite der Bilderrahmen und den Abstand zum Text nach oben, unten, links und rechts können Sie ebenfalls leicht anpassen. Nach diesem Prinzip könnten Sie auch weitere Bilder hinzufügen, welche links oder rechts (left/right) ausgerichtet sind. 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.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 odio Tincidunt 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. Praesent nisl mi, condimentum sed, bibendum semper, fringilla a, felis.
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. 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.
•
•
•
•
•
Technik.
Dieses Layout haben wir mit einer Prozentbreite von 80% des Bildschirms angelegt.
Im Logo-Bereich tragen Sie Homepagenamen und Slogan als einfachen Text ein. Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern. Curabitur suscipit vehicula est. Donec venenatis.
Praesent nisl mi, condimentum sed, bibendum semper, fringilla a, felis. Phasellus tincidunt odio vel nulla.
Rot und Grün - Komplementär
Farben in der Natur
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.
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.
Mauris:
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.
•
•
•
•
•
Navigation.
Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.
Das Menü hat 100 % (100 Prozent von in diesem Fall 80% der Gesamtkonstruktion). Innerhalb dieser Breitenangabe haben wir das Menü für Sie flexibel angelegt. Jeder Button ist gleich breit, das wirkt optisch nett. Dieses Menü ist nur abhängig von der Länge der Textlinks, d.h. je kürzer die Linkwörter, desto mehr Links sind möglich. Im Moment sehen Sie also 6 Links mit der selben Breite je Link. Ein Link hat hier 16% (denn 6 x 16 = fast 100%).
Somit können Sie auch für 8 Buttons einen Prozentwert von 12% oder für 5 Buttons eine Prozentwert von 20% oder für 7 Buttons 14% wählen. (Sie teilen also immer 100 durch die Anzahl der Buttons und runden nach unten ab).
Beim Zusatz-Menü ganz oben, welches rechtsbündig angeordnet ist, können Sie auch weitere Links hinzufügen.
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
•
•
•
•
•
Bonus.
Sehen Sie jetzt ein Beispiel für die beliebigen Anpassungen: Hier (index2.html) anbei die Version mit 5 Buttons im Hauptmenü und 7 Buttons im Menü oben. Viel Spass damit. Denken Sie sich selbst andere Kombinationen aus bwz. richten sich nach der Länge Ihrer Linkwörter. Im Menü ganz oben lassen sich natürlich relativ mehr Links anordnen, da alle Links dort ohne Breitenangabe direkt hintereinander platziert werden.
|
|
Max Muster GmbH
www.ihre-beispiel-adresse.de
|
|
