~In Balance~
~In Balance~

Die Technik

Die Haupt-Grafik

Die Haupt-Grafik (namens "logo.jpg") können Sie leicht tauschen. Diese ist als Hintergrundgrafik definiert und 1600 Pixel breit, so daß sich diese verschiedenen Bildschirmauflösungen gut anpasst. Das Besondere ist, daß sich auch Ihre Grafik sich dann hinter die transparente Konstruktion legen wird.

Das Haupt-Menü

Oben haben wir für Sie ein Aufklapp-Menü eingebaut. Fahren Sie über die Links der Gruppen 01-04 und es öffnen sich die Untermenüs. Farblich sind die Untermenüs sowie der Mouseover in Grün-Tönen gehalten, passend zur Haupt-Grafik, Falls Sie Ihr eigenes Foto einbauen, könnten Sie eben auch die Farben beim Aufklapp-Menü entsprechend anpassen.


Technik, die Zweite

Die Hintergrund-Grafik wird freigelegt

Wenn Sie die Seite ganz nach unten scrollen, Sehen Sie immer mehr vom Hintergrund-Foto im Original, also ohne den Transparenz-Effekt. Sie können selber bestimmen, wieviel man von diesem Foto zu sehen bekommt, indem Sie den unteren Randabstand vorgeben. Einzustellen ist das in der Datei format.css.

Dort steht fast ganz oben bei "body" der Wert "margin-bottom:520px;" . Wir haben also einen Rand nach unten mit 520 Pixeln gesetzt. Probieren Sie bei Bedarf andere Pixelwerte.

Schatten-Effekt beim Text-Homepagenamen

Der Homepagename wirkt grafisch, ist aber einfacher Text. Hier wurde der Text zweimal als div-Bereich angelegt und minimal versetzt. Diese Technik funktioniert in jedem Browser. Somit ist die Schrift auf nahezu jeder Hintergrund-Grafik lesbar. In unserem Beispiel beim Namen "In Balance" liegt Weiß auf Schwarz, je nach Bedarf dreht man die Farben um oder wählt ganz andere Farben.

Doppel-Transparenz

Auf einer transparenten Konstruktion (enthält z.B. den Homepagenamen) liegen noch einmal transparente Felder, hier das Inhaltsfeld, die Boxen auf der linken Seite und die Felder oben (Menü) und unten (Adresse). Der Hintergrund scheint durch beide Transparenz-Ebenen durch. Tipps zur Änderung der Transparenz lesen Sie hier auf index2.html anbei.
Mike Muster GmbH & Co. KG ~ Spezialstrasse 55 ~ 47234 Sampletown