Name der Homepage  
 

Layout.

Dieses Design heisst " l´arbre - der Baum - the tree".
Ein wundervoller, mächtiger, standhafter Baum zeigt sich uns hier. Mit weitreichenden Ästen, älter als ein Menschenleben, die sicherlich einem womöglich aufkommendes Gewitter leicht trotzen können. Sowohl die Ränder als auch der Inhaltsbereich werden hier sanft von Hellblau in ein Weiss ausgeblendet, welches das Design offen, leicht und luftig erscheinen lässt.


Technik.

Die Menü-Transparenz erfolgt über eine transparente PNG-Grafik. Es sind weitere PNG-Grafiken in schwarz und weiss mit jeweils verschiedenenen Transparenzstufen als Bonus für Sie anbei, falls Sie Ihr eigenes Foto einsetzen. So können Sie je nachdem ob Ihr Foto hell oder dunkel ist, sehr gut die richtige Transparenz einstellen. Aktuell wird die Grafik "schwarz_70.png" verwendet.

Wie üblich mit ausgelagerter CSS-Datei. Platz für Fusszeile unten sowie oben der Homepagename als einfacher Text einzutragen. Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern. Wie üblich mit ausgelagerter CSS-Datei. Platz für Fusszeile unten sowie oben der Homepagename als einfacher Text einzutragen. Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.


Navigation.

Textlinks. Dies ist ein Prozent-Menü mit gleicher Breite pro Link.

Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.

Das Haupt-Menü oben ist angepasst in Prozent an die Grafik mit der Breite von 700 Pixel. Für das Menü heisst das: 700 Pixel = 100 %.
Innerhalb dieser festen Breitenangabe ist das Menü also flexibel für Sie angelegt. Im Moment sehen Sie also 7 Links mit der selben Breite je Link. Ein Link hat hier 14% (denn 7 x 14 = fast 100%) Somit können Sie auch für 6 Buttons einen Prozentwert von 16% oder für 5 Buttons eine Prozentwert von 20% wählen. (Sie teilen also immer 100 durch die Anzahl der Buttons und runden nach unten ab). Sie müssen sich nach Ihrem längsten Link richten (hier im Beispiel: Gästebuch), man kann es so sagen: Je länger der längste Link, desto weniger Buttons sind möglich.

Oben Sie das Beispiel mit 8 Buttons. Sehen Sie hier (index.html) ein Beipiel für Sie bereits angelegt mit 7 Buttons.

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



|  www.ihre-webseiten-url.de  |