layout
Dieses Design heisst: Garages. Sie sehen auf dem Homepagenamen und auf der Fusszeile (hier:webseiten-url.de) einen Schatten-Effekt. Dieser wirkt grafisch, tatsächlich ist er aber ohne Grafikprogramm erstellt. Das bedeutet, es ist einfacher Text und damit für Sie leicht und schnell anzupassen. Fügen Sie einfach Ihren Text ein bzw. ersetzen Sie unseren. Tun Sie dieses bitte in der Quelltext-Ansicht Ihres HTML-Editors, denn für diesen Effekt ist der entsprechende Text jeweils doppelt angelegt.
technik
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.
Seite ohne Frames.
« Zitat-Text eingerückt und anders formatiert. Cras ligula sapien, consequat sed, scelerisque ut, pulvinar vel, sem. In vulputate gravida orci »
Bart Simpson
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ü: 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 7 Links mit der selben Breite je Link. Ein Link hat hier 14% (denn 7 x 14 = 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 6 Buttons 16% 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 textBeispiel 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 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 römisch, automatisch fortlaufend, verlinkt:
- Sed
- Condimentum
- Bibendum
- 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 Aufzählungszeichen "Circle", nicht verlinkt:
- Curabitur
- Ullamcorper
- Magna
- Aenean
|
 Ut accumsan scelerisque felis. Proin at mauris vel tortor lacinia volutpat. Quisque vehicula metus a massa. Curabitur ut dolor nec nunc tempus sagittis.
Yesterday.
Vestibulum velit nunc, hendrerit ac, semper id, lobortis sit amet, velit. In a nunc.
Today.
Vivamus varius justo. Nunc pretium congue massa. In placerat.
Next Day.
Nam eros sem, fermentum in, tincidunt sit amet, fringilla vitae, risus.
Foto 1: Noch ein Garagen-Tor ! Ausgeleuchtet sieht es auch schick aus.
Foto 2: Die Rahmen der Bilder lassen sich beliebig in Farbe und Grösse anpassen. Seien Sie kreativ.
Foto 3: Eine Umrahmung besteht aus 3 Rahmen in unterschiedl. Breite - von innen nach aussen sind das die Farben Schwarz sowie Hellgrau und Dunkelgrau.
|
