big applenew york.
Your Slogan here ...
 

layout

Dieses Design heisst: "big apple:new york". Vielleicht haben Sie es bemerkt: Der Hintergrund wirkt im oberen Bereich leicht ausgewaschen und damit wolkenartig luftig. Es gibt anbei eine zweite Version index2.html (ohne das Foto oben rechts), so dass Sie wenn Sie mögen ggflls. selber kreativ werden können.

technik

Seite ohne Frames. Der Homepagename und Slogan sowie Fusszeile unten (z.B. Adresse) ist leicht und veränderbar als einfacher Text einzutragen. Die beiden kleinen "Kugel-Grafiken" welche teilweise den Homepagenamen einrahmen, können Sie nat. bei Bedarf löschen oder an anderer Stelle der Seite anordnen. Setzen Sie z.B. 3-5 Kugeln mittig angeordnet nebeneinander als hübsche Trennlinie zwischen den Haupt-Absätzen o.ä.


« Zitat-Text eingerückt und anders formatiert. Duis placerat, ligula nec porta fringilla diam massa laoreet diam. »

J.F. Kennedy


Die Boxen 1 bis 4 in der rechten Spalte könnten Sie für kleineren Inhalt wie Bilder, Text, Links o.ä. nutzen. Jede Box verlängert sich nach unten automatisch. Wenn nicht benötigt, so lassen sich diese Boxen auch leicht entfernen. Dazu brauchen Sie einfach nur die "div-Bereiche", welche mit "box" klassifiziert sind, im Quelltext zu löschen. Sie könnten aber auch entsprechend weitere Boxen hinzufügen, also darunter kopieren.

navigation

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

Das Haupt-Menü hat 100 % (100 Prozent von in diesem Fall 910 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 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).

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.

Spruch. Zitat. Welcome.

Ut accumsan scelerisque felis. Proin at mauris vel tortor lacinia volutpat. Quisque vehicula metus a massa. Curabitur ut dolor nec nunc tempus sagittis.


News.

Yesterday.
Vestibulum velit nunc, hendrerit ac, semper id, lobortis sit amet, velit. In a nunc.  Weiter

Today.
Vivamus varius justo. Nunc pretium congue massa. In placerat.
 Weiter

Next Day.
Nam eros sem, fermentum in, tincidunt sit amet, fringilla vitae, risus.  Weiter


Example.


Foto 1: Blasen-Effekt drauf gelegt.



Foto 2: Der Stiel des Apfels.
Max Muster GmbH  •  Spezialstrasse 55  •  55234 Sampletown
www.ihre-beispiel-adresse.de