QUINT ESSENZ

Navigation Intern

Information

Jede Menge Spaß

Klicken Sie auf die 5 Links oben rechts und danach die ersten 3 Links im linken Menü. Sie sehen dann unterschiedliche Fotos pro Seite. Weiter...

Tipps für Sie

Anbei bzw. nachfolgendend auf Klick einsehbar haben wir Sie die Datei link02.html (Link 02), dort erklären wir Ihnen wie die verschiedenen Fotos für jede Seite angelegt werden.

 

Willkommen bei uns

Das Layout

Die Idee

Hinter die Maske mit dem roten Feld soll sich automatisch auch Ihr Foto legen. Ausserdem soll auf jeder Seite ein anderes Foto erscheinen. Das strukturiert die Seiten und schafft Übersichtlichkeit.

Bereits verlinkt

Wir haben mehrere Beispiel-Seiten angelegt. Klicken Sie auf die 5 Links oben rechts und danach die ersten 3 Links im linken Menü. Sie sehen dann nicht nur die anderen Fotos, sondern auch, das jeweils der aktuell angewählte Link in anderer Formatierung angezeigt wird. Ein kleiner Bonus für Sie ist auch noch dabei, zu sehen bei Link 08.


Die Technik

Das Grafik-Format PNG

Allgemeiner Hinweis: Im Gegensatz zum Grafikformat JPG oder GIF lassen sich beim Grafikformat PNG sämtliche Farben ggflls. transparent schalten, dies wurde von uns direkt beim Abspeichern im Grafikprogramm vorgenommen. Wir haben hier also eine transparente PNG-Grafik (namens: maske.png) erstellt, welche das darunter liegende Objekt (hier die Fotos) eben durchscheinen läßt.

Die Bildschirm-Anpassung

Flexibles Layout: Verändern Sie die Breite des kompletten Layouts und/oder z.B. die Breite der linken Spalte. Auch die einzelnen Felder lassen sich in Breite und Höhe anpassen.


Die Navigation

In allen Menüs sind leicht anpassbare Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.

Menü oben

Das Menü oben ist durchgehend nach links erweiterbar. Die Links dort haben keine feste Breite, so können Sie möglichst viele nebeneinander schreiben.

Die beiden Menüs links

Beliebig nach unten erweiterbar bzw. natürlich auch verkürzbar oder für Fortgeschrittene nach dem selben Prinzip weitere Menüs durch Kopieren bzw. Anpassen im Quelltext anlegbar. Bei Mouseover springt der Link-Text von der linken auf die rechte Seite. Auch die ausgeblendete Linie unterhalb wechselt die Seiten, kehrt dabei aber die Ausblendung um.

Die Links im Text

So sehen die allgemeinen Links im Text aus.


Die Info

Lesen/Klicken Sie bitte für einige ausgewählte Tipps zur Foto-Anpassung in der Datei link02.html (Link 02) anbei. Nachfolgend noch ein Beispiel für eine Liste. Solche Listen lockern den Text auf und eignen sich natürlich wunderbar für Aufzählungen.

Liste mit eigenem Aufzählungszeichen, nicht verlinkt:
  • Sed
  • Condimentum
  • Bibendum
  • Semper

Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern. Der Name des Templates lautet: QUINTESSENZ. Viel Spaß mit diesem Design.
 
 
Mike Muster GmbH & Co. KG


Tel : +49.108.1234577
Fax : +49.108.9876522 33
Mail : mike.muster@info.de