|
|
|
|
|
Ressmail.de
|
|
|
01
Home - Start - Welcome
Das Layout, bitte ...
Dieses Design heisst: " Impressions ".
Bei dieser Vorlage gibt es viel zu entdecken: Zum Beispiel ein Menü,
welches neben dem normalen Mouseover, den jeweils angezeigten Link
konstant in anderer Formatierung anzeigt. Klicken Sie auf die Links im
Menü und Sie sehen was wir meinen, denn wir haben hier bereits auch
schon für Sie 8 Seiten angelegt und verlinkt. Der Clou: Jede der
einzelnen Seiten erhält ein eigenes Foto. Anbei sind dazu jede Menge
Tipps (Datei: "tipps.html"), damit Sie die Vorlage leicht anpassen
können.
Die Technik, wie folgt ...Zur
Konstruktion: Dies ist ein flexibles Layout, d.h. Sie können die Breite
verändern. Also auch bildschirmfüllend, wenn Sie mögen. Die Breite der
Gesamtkonstruktion beträgt zur Zeit 920 Pixel. Wählen Sie ggflls. einen
anderen Pixelwert oder gar einen Prozentwert. Dies können Sie ganz oben
in der Datei "format.css" einstellen.
« Jeder Link hat eine Zahl vorangestellt und die Idee
ist hier, daß diese Zahl dann oben im Inhaltsbereich wiederholt wird.
Passend dazu erhält jede Seite ein eigenes Foto. Das schafft Struktur. »
Seite ohne Frames. Anlegen von Links bzw. HTML-Seiten wie folgt: Die
Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem
neuen Namen abzuspeichern.
Die Navigation, kurz erläutert ...Sowohl
Linktext als auch die Zahl sind einfacher Text und keine Grafik, damit
also schnell anzupassen. Trotzdem verändern wir bei Mouseover diese
beiden Objekte gleichzeitig. Zudem wird dann beim Mouseover noch ein
drittes Objekt getauscht, nämlich eine Hintergrund-Grafik, hier der
kleine Pfeil. Nachdem Sie den Link per Klick aktiviert haben, sehen Sie
einen anderen Link-Status: Das Menü zeigt den jeweils aktuellen Link konstant in anderer Formatierung an.
Hier nochmal zur Verdeutlichung eine Auflistung der Menü-Zustände:
- Ausgangs-Link:
Zahl als Text in Weiss. Linktext in Grau. Kein grafischer Pfeil.
- Onmouseover-Link (Bei Mausberührung):
Zahl als Text in Gelb. Linktext in Weiss. Blauer grafischer Pfeil.
- Link nach Klick: (Anzeige des aktuellen Links):
Zahl als Text in Orange. Linktext in Weiss. Weisser grafischer Pfeil.
Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.Ach ja, das linke Menü ist beliebig nach unten erweiterbar.
Auch die Breite der linken Spalte läßt sich bei Bedarf anpassen.
Die allgemeinen Links (Links im Text) sehen zur Zeit aus wie
nachstehend: Um den Mouseover-Effekt anzuschauen, fahren Sie mit der
Maus über den Link: Beispiel-Link
Die Tipps, wie nachstehend ...
Schauen Sie hier anbei die Datei "tipps.html"
zwecks detaillierter Erläuterungen an, dort finden Sie einige
hilfreiche Einstellungsmöglichkeiten zu dieser Vorlage. Vielleicht
erkennen sie dadurch auch eher die vielfältigen Anpassungsmöglichkeiten
dieses Templates.
|
Mike
Mustername GmbH & Co. KG • Beispielstraße
55 • 55234 Sampletown
|
|
|
|
|
|
|
|