Number One in Town
Rocken bis der Arzt kommt
NACH UNTEN

Home - Startseite

Index - Home - Plug In

Bonus-Versionen.

Anbei haben wir für Sie verschiedene Zusatzversionen, z.b. Layout Dancefloor oder Discolights oder ganz ohne Hintergrundgrafik. Bitte klicken sie hierzu Seite index4.html an.

Transparenz.

Das Hintergrund-Foto scheint ja bei einigen Feldern hindurch. Trotzdem lassen sich die darüberliegende Schrift oder die Links gut lesen. Das liegt daran, das wir jeweils ein Feld darüber gelegt haben, welches als Hintergrundgrafik eine halbtransparente png-Grafik (himmelblau_50.png) in der Farbe Blau hat, somit scheint der Hintergrund eben nicht zu 100% durch.

Animation

Beim Start dreht sich hier in modernen Browsern die ganze Konstruktion zweimal über den Hintergrund. Klar ist die Anzahl der Drehungen einstellbar, auch die Richtung (links oder rechts) sowie die Geschwindigkeit. Wer das überhaupt nicht möchte, entfernt in der Datei index.html die CSS-Klasse (id="bewegung").

Dieses Layout heißt "Discjockey at work". Tipps zu den Menüs gibt es auf Seite index2.html und Hinweise zu den Abrundungen (Änderungen sind sofort möglich ohne Grafikprogramm) einzelner Objekte auf Seite index3.html


Bereits verlinkt - Play Loud

Konstanter Link nach Klick

Wir haben bereits vier Seiten für Sie als Beispiel angelegt. Und zwar haben wir das obere horizontale Menü komplett verlinkt. Es sind die Links index (Home), index2, index3, index4. Bitte klicken Sie das genannte Menü und Sie sehen dann auch sehr schön, das der aktuell angewählte Link -nach Klick- konstant in anderer Formatierung angezeigt wird, d.h. der Schalter rastet in einer Farbe ein, während alle anderen Links den Ausgangsschalter beibehalten. Somit weiß man immer sehr genau, auf welcher Seite man sich gerade befindet.

Anlegen von Links bzw. HTML-Seiten

So legen Sie Links bzw. HTML-Seiten an: Die Datei "index.html" (oder eine der anderen HTML-Dateien) ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern. Überschreiben Sie unsere Beispiel-Links mit Ihren Links. Erweitern Sie ggfls. die Menüs.


Aufzählungen

Beispiel-Listen

Ein wenig Beispieltext. Example Text. Eelitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.

Nachfolgend als Beispiel einige verlinkte Seiten in der Listenansicht mit eigenem Aufzählungszeichen. Klicken Sie die Links in der Liste.


Der letzte Link (Suchmaschine) ist ein Beispiel für eine Verlinkung zu einer externen Seite, welche sich vorteilhafterweise in einem neuen Browserfenster öffnet. Hier im Beispiel zur Google-Webseite. Das Öffnen eines neues Browserfensters geschieht durch den "target-Befehl". Somit bleibt Ihre Seite immer im Hintergrund erhalten bzw. innerhalb des anderen Browserfensters leicht anwählbar

Nachstehend eine Liste ohne Verlinkung.

  • Terra
  • Universum
  • Profundis
  • Magna

Momument eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et fantasy.


Weiter und Info

Beispiel-Verlinkungen

Sie befinden sich auf der Seite index.html.

Hier geht es weiter zur Seite index2.html. Wir erklären Ihnen dort, wie Sie bei allen Menüs den konstanten Link einstellen können.
Rock & Pop
Electronic
Alternative & Crossover

Adresse

Company
Michael Musterboss GmbH & Co. KG
Industriegebiet - Spezialstrasse 55
55234 Nightcity
NACH OBEN