.: N@me der Homepage :.
.: N@me der Homepage :.
 
 

Das Layout

Dieses Design heisst: "Aranea In Hortum Meum."


Die Technik

Flexibles Layout, d.h. wählen Sie einen beliebigen Prozent- oder Pixelwert für die Breite der Gesamtkonstruktion. Die abgerundeten Ecken des Aussen-Rahmens sowie auch die abgerundeten Ecken des Innen-Rahmens passen sich einer möglichen Breitenänderung an. Auch der Hintergrund lässt sich anpassen, wählen Sie falls Sie es mögen, eine andere Hintergrundfarbe oder Hintergrundgrafik.

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.

Ganz oben beim Homepagenamen haben wir für Sie eine Text-Schatten-Lösung ohne Grafiken angelegt.


Die Navigation

Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. Das Menü oben ist ein Prozent-Menü, d.h. jeder Button ist gleich breit. Die zwei Menüs auf der rechten Seite sind erweiterbar, wobei das untere Menü dort beliebig erweiterbar ist. Wer mag setzt dort auch die Links etwas näher aneinander (height und line-height anpassen in der Datei menue.css an entspr. Stelle).

Ganz unten ist noch ein zweigeteiltes horizontales Menü, welches erweiterbar ist. Schick ist hier, daß die Links auf der linken Seite rechts angeordnet sind und die Links auf der rechten Seite linksseitig angeordnet sind.

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


Information

Der Homepagename: Sie sehen dort je nach Ihrer Farbwahl eine Art Schatteneffekt bzw. Einstanzeffekt. Diese Farben können Sie ändern, da alles nur Text ist. Dieser Effekt funktioniert in allen Browsern, denn im Gegensatz zu den sogenannten "IE-CSS-Filtern" (dropshadow), welche auch einen Schatten ermöglichen und die dann aber leider nur im Internet Explorer funktionieren, arbeitet diese Lösung anders und damit für alle Browser kompatibel: "Schatten auf dem Homepagenamen = zwei indentische DIV-BEREICHE im Quellcode mit gleichem Text, die aber minimal versetzt und anders formatiert sind".

Probieren sich doch einmal bei dem Textschatten verschiedene Farben durch. Es macht einen Unterschied ob beim Text die helle Farbe oben liegt und die dunkle Farbe sich darunter befindet oder umgekehrt. Auch die Hintergrundfarbe hat natürlich einen Einfluß auf die Optik. Kurz gesagt, es gibt unendlich viele Kombinationen.
Navigation 
 
 




   
  Mike Muster GmbH & Co. KG
Spezialstrasse 55
55234 Sampletown
Tel : +49.108.1234577
Fax : +49.108.9876522 33
Mail : Mike.muster@info.de