Die Rahmen der Bilder lassen sich beliebig in Farbe und Grösse anpassen. Seien Sie kreativ.
Eine Umrahmung besteht aus 3 Rahmen in unterschiedl. Breite - von innen nach aussen sind das die Farben Schwarz sowie Hellgrau und Dunkelgrau.
Spiegel-Effekte sind modern und sehen anspruchsvoll aus !
|
Template: email 4 u
layout
Dieses Design heisst: email 4 u. Also: email for you. Dies ist ein 3-Spalten-Layout. Der Inhaltsbereich mit den 3 Spalten bekommt hier 980 Pixel (veränderbar). Die Spalten links und rechts sind jeweils 200 Pixel (veränderbar) breit. Die mittlere Spalte erhält den Rest von den 980 Pixel.
technik
Die Boxen 1 bis 3 in der rechten Spalte bzw. Box4 in der linken 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.
« Zitat-Text eingerückt und anders formatiert. Duis placerat, ligula nec porta fringilla diam massa laoreet diam. »
J.F. Kennedy
Seite ohne Frames. Der Homepagename wird als Grafik eingetragen. Beschriften Sie hierzu die Grafik "name.jpg" (im Grafik-Programm) und ersetzen damit die Grafik "name_bsp.jpg". Wollen Sie auch die Logo-Grafik (hier: das Email-Zeichen) durch ihre Logo-Grafik ersetzen, beschriften Sie die Grafik "logo.jpg" (im Grafik-Programm) und ersetzen damit die Grafik "logo_bsp.jpg".
navigation
Alles Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. Das rechte Menü ist beliebig erweiterbar. Das Menü
Das Haupt-Menü ganz oben ist um einige Links erweiterbar. Jeder Button dort ist gleich breit, denn jeder hat 120 Pixel (width:120px) bekommen. Dieser Wert von 120 Pixel ist veränderbar. Ggflls. können Sie selbst nach Ihrem Geschmack bwz. wenn Sie längere Linkwörter haben dieses anders einstellen.
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 zwei Beispiele für Listen. Listen sind textliche Aufzählungen, welche automatisch einrücken.
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:
- 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.
|
 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.
|
