Space Patrol: earth view
Your Slogan here ...
 

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:
  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.

  • 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.

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.



Foto 2.

Use it! Bonus.

      
  
  
  
  

 
Max Muster GmbH  •  Spezialstraße 55  •  55234 Sampletown