Three Green Planets - This is my Homepage
 

Index • Die Startseite Home

Auf jeder Seite zwei andere Hintergründe

Wenn Sie die Links index bis index5 im Menü (Seiten-Menü A) oben durchklicken, sehen Sie das wir auf jeder Seite zwei Hintergrund-Grafiken tauschen. Klar können Sie auch immer mit den selben Grafiken arbeiten, wir möchten hier nur die Möglichkeiten aufzeigen. Wir haben deshalb die Grafik-Variationen für Sie aus Gründen der Übersichtlichkeit in der Datei "varianten.css" angelegt.

Ein kleiner Tipp: Die Datei "varianten.css" haben wir ja nur angelegt, um die abweichenden Versionen der Datei index.html (home) für Sie übersichtlich darzustellen. Sollten Sie sich für eine der Versionen entscheiden, so ist es eventuell für Anfänger leichter, Sie passen die entsprechenden Änderungen in der Datei "format.css" an und löschen die Datei "varianten.css"

Probieren Sie gerne andere Kombinationen und/oder varieren Sie auch mit Ihren eigenen Hintergrund-Grafiken.

Klar können Sie auch die Logo-Grafik (Three Green Planets) tauschen, wir haben es mal in der Datei index4.html angelegt.


Einführung Technik

Diese Vorlage setzt die CSS3-Technik ein.

Hinweis: Mit CSS3 kann man jetzt nur per einfachem CSS3-Quellcode Dinge wie Rundungen (border-radius), Schatten-Aussen (box-shadow) sowie auch Schatten-Innen (box-shadow inset), genauso wie Textschatten (text-shadow), Schrägstellungen (transform:rotate) erstellen, die vorher nur über den Umweg übers Grafikprogramm möglich waren. Sogar Animationen sind möglich. Alles funktioniert in modernen Browsern ohne weitere Scripte. Wir erklären Ihnen box-shadow hier auf der Seite index2.html, text-shadow auf index3.html und border-radius auf index4.html

Klicken Sie auf index5.html für mehr Info zu den Menüs.

Dieses Layout heißt "Three Green Planets".


Aufzählungen - Liste Numerisch

Nachfolgend als Beispiel eine Liste ohne Verlinkung sowie mit Standard-Aufzählungszeichen Numerisch-Römisch. Die Ziffern sind automatisch fortlaufend. Damit wir dem Aufzählungszeichen und dem Listentext jeweils eine andere Farbe zuweisen konnten, wurde der Listentext mit einem span umschlossen.

  1. Terra
  2. Universum
  3. Profundis
  4. Magna

Weiter und Info

Beispiel-Verlinkungen

Sie befinden sich auf der Seite index.html.
Hier geht es weiter zu den Seiten index2.html, index3.html, index4.html und index5.html.
Planetarius & Company .:. Team Luna-X1
Space Station Int. Universum
0100111010110 Hole No. 333