Dark Always Seems Noble

Index ••• Die Startseite Home

 

Information

Wenn Sie die Links index bis index5 (Seiten-Menü unter In General) durchklicken, sehen Sie das wir auf jeder Seite das Foto im Bilderrahmen wechseln. Nachdem der Text-Link geklickt ist, tauscht dieser den Platz von rechts nach links und rastet dort ein, mit einem kleinen Pfeil versehen. Somit weiß man immer auf welcher Seite man sich gerade befindet.

Einführung Technik

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.

So sehen die Befehle aus

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.

Name der Homepage

Dieses Layout heißt "Dark Always Seems Noble". Farbige Fotos wirken bei einem dunkel gehaltenen Design besonders gut. Auch wirkt ein Design in dunklen Grau-Tönen immer ein wenig edel.

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.
 
Michael Muster-Meierdirks
Auf der Lichtung 23
80945 Oberquell