In Vulput@te Gravida Orci 1649

Das Layout

Dieses Design heisst: In Vulput@te Gravida Orci 1649.

Etwas Beispiel Füll Text. 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.


Die Technik

Wie bei den meisten unsere Layouts ist auch hier die Schrift im Inhaltsbereich als Blocksatz angelegt - d.h. gleiche Ausrichtung der Schrift an linker und rechter Kante. Das wirkt elegant und modern, zumal man es aus den Zeitungsmedien seit langem gewohnt ist. Seite ohne Frames. Der Homepagename sowie Fusszeile unten (z.B. Adresse) ist leicht und veränderbar als einfacher Text einzutragen. Etwas Beispiel Füll Text. 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.


Die Navigation

Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. Das Menü ganz oben ist um einige Links erweiterbar.

Das Haupt-Menü im Logo-Bereich hat 100 % (100 Prozent von in diesem Fall 900 Pixel). 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 5 Links mit der selben Breite je Link. Ein Link hat hier 20% (denn 5 x 20 = 100%). Somit können Sie auch für 8 Buttons einen Prozentwert von 12% oder für 6 Buttons eine Prozentwert von 16% oder für 7 Buttons 14% wählen. (Sie teilen also immer 100 durch die Anzahl der Buttons und runden nach unten ab).

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


The Dead Text

Beispiel Füll 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. Nachfolgend sehen Sie drei Beispiele für Listen. Listen sind textliche Aufzählungen. Durch die Einrückung lockern Listen auch jeden Text auf. Dies sind nur Beispiele, die Ihnen als Anregung gelten sollen, natürlich können Sie jede der drei Listen verlinken oder auch nicht verlinken. Auch kann jedes Aufzählungszeichen farbig oder nicht farbig gestaltet werden. Jede der Listen können Sie natürlich auch um weitere Listenpunkte nach unten erweitern.

Liste mit Standard Aufzählungszeichen "circle", verlinkt:

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.

Liste mit Standard Aufzählungszeichen: "numerisch", Ziffern automatisch fortlaufend, nicht verlinkt:
  1. Sed
  2. Condimentum
  3. Bibendum
  4. Semper

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.

Liste mit Standard Aufzählungszeichen: "numerisch-römisch", Ziffern automatisch fortlaufend, verlinkt:
  1. Sed
  2. Condimentum
  3. Bibendum
  4. Semper


Der Bonus

Die Version2 index2.html zeigt Ihnen als Beispiel das Hauptmenü mit 7 Buttons (statt 5) und das obere Menü mit 6 Buttons (statt 4). Wir wünschen Ihnen viel Spass damit und eine gute Anregung.
Max Muster GmbH  •  Spezialstrasse 55  •  55234 Sampletown
www.ihre-beispiel-adresse.de