Brushed Metal

Index - Die Startseite Home

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.

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.

Homepagename bzw. Fusszeilentext (Adresse)

Dieses Layout heißt "Brushed Metal". Das heißt soviel wie gebürstetes Metall. Klar wird es im Metall-Gewerbe eingesetzt, gleichwohl aber sehr gerne zur Veredelung von Elekotro-Geräten im High-End-Bereich. Die Felder für den Namen bzw. die Adresse verbreitern sich automatisch bei mehr Inhalt. Sie verlängern Sich übrigens auch nach unten hin, wenn Sie per Zeilenumbruch noch Textzeilen erstellen.

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
An der Schleifmühle 45
60459 Bürstenwerder