Name der Homepage

Das Layout

Dieses Design heisst: "Youth of Today".

Das Layout haben wir für Sie so angelegt, daß Sie ggfls. auch Ihr Foto durch unseres ersetzen können, d.h. auch Ihr Foto würde sich dann hinter die 3 obigen Bereiche legen, wobei der mittlere Bereich transparent wäre.


Die Technik

Das Besondere: Die Transparenz über dem Foto erfolgt durch eine einfarbige transparente PNG-Grafik, welche das darunterliegende Foto durchscheinen lässt. Übrigens haben wir auch für den Rahmen PNG-Grafiken genommen, mit dem Vorteil, daß hier der Hintergrund (Holz-Grafik) tauschbar ist und die Vorlage trotzdem flexibel bleibt. Der Hintergrund ist also auch trotz der "abgerundeten Ecken" im Rahmen austauschbar (andere Hintergrund-Grafik oder andere Hintergrund-Farbe) und Sie können gleichzeitig auch die Breite der Gesamtkonstruktion (im Moment 926 Pixel) in beliebig andere Prozent-oder Pixelwerte verändern. Für den Browser Internet Explorer Version6, welcher noch keine transparenten PNG darstellen kann, wurde ein CSS-Filter gewählt, der über eine sog. Browserweiche eingesetzt wird - somit haben wir hier eine ansprechende Alternativersion erstellt. Sehen Sie bitte als Beispiel für die IE-Version 6 ein Foto unter "tipps.html".



Die Navigation

Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. Die beiden Haupt-Menüs bauen sich von unten nach oben auf, so daß noch viele weitere Links angelegt werden können.

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

Lesen Sie hier auf der Seite "tipps.html" anbei, unbedingt noch einige Tipps und Erklärungen zur Anpassung der Transparenz in diesem Design.

Vorteile dieser Vorlage:
  • Transparenz in allen Browsern
  • Transparenz-Browserweiche für IE6
  • Flexibles Layout = Breiten-Anpassung in Pixel o. Prozent
  • Die 3 Felder oben erhalten je 33 Prozent (veränderbar)
Tauschen Sie bei Bedarf Ihr Foto gegen unseres (Kind auf Fahrrad) aus und testen Sie ein wenig. Und/oder ersetzen die Hintergrundgrafik (Holz-Design) durch eine andere Grafik oder durch eine andere Hintergrundfarbe. Viel Spaß dabei.
:::  Mike Muster GmbH & Co. KG - Spezialstrasse 55 - 47234 Sampletown  :::