one two ! three four.
Your Slogan here ...

layout

Dieses Design heisst: one two ! three four. Dieses Layout soll Ihnen Spass machen, deshalb noch ein kleiner, aber feiner Service: Es gibt anbei weitere Farb-Versionen, sehen Sie weiter unten unbedingt mal unter Bonus, was wir für Sie vorbereitet haben.

technik

Das Layout hat eine feste Breite von 920 Pixel. Seite ohne Frames. Der Homepagename und Slogan 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.

navigation

Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. Die Menüs ganz oben und ganz unten sind um einige Links erweiterbar.

Das Haupt-Menü im Logo-Bereich hat 100 % (100 Prozent von in diesem Fall 880 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


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 zwei Beispiele für Listen. Listen sind textliche Aufzählungen.

Liste mit eigenem Aufzählungszeichen, 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.

Numerische Liste, Ziffern automatisch fortlaufend, 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.


bonus

Weitere Farb-Versionen anbei wie folgt. Jede Version besteht aus einer HTML-Datei und einer CSS-Datei. Alle Versionen greifen dabei auf den selben Bilder-Ordner (Images) zu.

Diese Farb-Versionen sind anbei. Klicken Sie auf die Links.
  • Orange (index.html, format.css).
  • Grün (index2.html, format2.css).
  • Blau (index3.html, format3.css).
  • Schwarz (index4.html, format4.css).
  • Katzenaugen (index5.html, format5.css).
Max Muster GmbH  •  Spezialstrasse 55  •  55234 Sampletown
www.ihre-beispiel-adresse.de