Layout
Dieses Design heisst: Space Patrol:Earth View.
Oben angedeutet wird die Erde, der blaue Planet.
Blick vom Weltraum aus auf die "gute, alte Erde". Um dieses
Weltraum-Design zu verwirklichen haben wir neben der Farbe Blau die im
Farbkreis entgegengesetzte Farbe zu Blau gewählt: Dies ist Orange.
Die Farben Orange und Blau passen damit exakt zueinander und
natürlich auch beide wiederum wunderbar zu Schwarz. Die Farbe
Schwarz ist auch stimmig zum Thema: Weltraum, Stille, Dunkelheit,
schwarze Löcher - und wird somit auch im Inhaltsbereich angelegt.
Technik
Wie immer ist die Scroll-Leiste im Internet-Explorer farbig gestaltet.
Farbliche Änderungen diesbezüglich sind natürlich
möglich, achten Sie hier auf die auskommentierte Stelle in der
CSS-Datei.
Die Grafiken in der rechten Spalte unterhalb der letzten Box5 ("Use it
- Bonus") können Sie auch gerne für Ihre Zwecke verwenden.
Wie in vielen unserer Vorlagen ist der Text im Inhaltsbereich hier als
Blocksatz gestaltet, d.h. gleiche Ausrichtung der Buchstaben an linker
und rechter Textkante - weil es einfach schick aussieht und wir es
mittlerweile nicht nur aus den Print-Medien, wie Zeitungen oder
Zeitschriften gewohnt sind.
Der "Look" ist einfach "Profi-Like". Wie üblich ein kleiner
Nachteil: Nur bei sehr langen Wörtern oder bei
aufeinanderfolgenden längeren Wörtern kann es evt. nicht so
schön aussehen, das liegt in der Natur der Sache. Die Lösung
ist simpel: Wählen Sie andere Wörter - meistens passt es dann
auch schon. Und/oder machen Sie an bestimmten Stellen im Text einen
Zeilenumbruch. Die Alternative: Sie ersetzen in der CSS-Datei unter
"textbox" die Angabe "text-align:justify" durch "text-align:left", um
eine linksbündige Ausrichtung des Textes, also eine Ausrichtung ohne Blocksatz zu gewährleisten.
Navigation
Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. 1
Menü oben, 1 Menü rechts vom Inhalt. Die Menüs sind
erweiterbar.
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 und lockern damit jeden Text auf.
Selbstverständlich können Sie die Listen verlinken oder auch
nicht verlinken.
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.
Liste Standard, numerisch, 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.
- 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.
Morbi molestie. Cras ligula sapien, consequat sed, scelerisque ut,
pulvinar vel, sem. In vulputate gravida orci.Maecenas a nulla. Maecenas
nisl. Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus.
|
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.
|