Pleased To Present My Drawings

Index - Die Startseite Home

Information

Wir haben bereits einige Beispiel-Seiten angelegt: 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 links nach rechts und rastet dort ein, mit einem kleinen Pfeil versehen (plus einer unterstrichenen Linie, welche sich jetzt von rechts nach links ausblendet) - dies ist umgekehrt zu den Ausgangs-Links. 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 "Pleased To Present My Drawings". Wir nannten es früher Rechenpapier: Hier liegen zwei solche Papiere mit unterschiedlich großen Quadraten übereinander. Wobei das obere Papier zerissen ist und nur sporadisch erscheint. Ein Effekt, der uns richtig gut gefällt. Wir hoffen auch Ihnen.

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 Erde World
  2. Universum
  3. Nomen et Omen
  4. Magna
  5. Mare Delineatus Omen
  6. Profundis

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.
www.meine-beispiel-seite.de
Michael Muster-Meierdirks
Auf der Lichtung 23
80945 Oberquell