Name der Homepage
 

Das Layout

Dieses Design heisst: "Im Park".
Schicke dunkle Grau-Töne, ein Design mit Trennlinien, die ausgestanzt wirken. Auch hier gibt es wieder zwei Versionen, denn wir wollten ein flexibles Layout (Mehr dazu unter "Tipps" ganz unten) herstellen, an dem Sie Freude haben. Hope you will like it.


Die Technik

Alle Trenn-Linien können Sie in Breite und Farbe anpassen. Zum Beispiel lässt sich der feine, nur 1-Pixel-breite schwarze Rahmen, welcher sich um die Konstruktion legt, auch in einen - sagen wir mal 20 Pixel breiten Rahmen in Grau anpassen.

Die Version1 (index.html) ist eine Pixel-Konstruktion mit zur Zeit einer Breite von 920 Pixel (veränderbar). Um die ganze Konstruktion legt sich ein Schatten, welcher bei einer Änderung der Breite flexibel mitwandert. Außerdem: Statt des Pixelwertes bezgl. der Breite, können Sie auch leicht einen Prozentwert eintragen und haben dann eine flexible Prozent-Konstruktion.

Verändern können Sie auch die Breite der Spalte rechts (z.Zt. 300 Pixel) sowie auch die Höhe der Kopzeile (HPName) und die Höhe der Fusszeile (Adresse). Natürlich auch wie gehabt bei uns, die Höhe des Fotos.


Die Navigation

Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. 1 Menü oben, 1 Menü rechts. Beide Menüs oben sind um einige Links zu erweitern, das rechte Menü sogar beliebig.

Das horizontale Menü über dem Foto ist ein Prozent-Menü: Es hat 100% von z.Zt. 920 Pixel und ist nur abhängig von der Linklänge, d.h. je kürzer die Linkwörter, desto mehr Links sind möglich. Im Moment sehen Sie also 5 Links mit der selben Breite je Link. Ein Link hat hier 20% (denn 5 x 20 = 100%). Sie können auch für 6 Buttons einen Prozentwert von 16% oder für 7 Buttons eine Prozentwert von 14% wählen oder ähnlich. (Sie teilen also immer 100 durch die Anzahl der Buttons und runden nach unten ab).


Bonus

Wir haben noch eine zweite Version index2.html für Sie. Diese Version ist eine Prozent-Konstruktion mit zur Zeit 82 Prozent Breite. Auch dieser Prozent-Wert ist veränderbar, z.b von 82% auf 90% oder beliebig andere Werte. Warum diese zweite Version? Mehr dazu erfahren Sie unter "Tipps".


Tipps

Abschliessend haben wir hier noch detaillierte Tipps bezüglich dieser Vorlage für Sie. Klicken Sie hier auf: tipps.html.
 
Mike Muster GmbH & Co. KG  •  Spezialstrasse 55  •  55234 Sampletown