Seitentitel 

Delicious

Das Layout

Das Menü oben ist ein topp-modernes flexibles grafisch aussehendes CSS-Textlink-Menü. Bitte lesen Sie nachstehend unter Die Navigation lesenswerte Details.
Die blassen Farbtöne des gesamten Layouts vermitteln einen leichten, luftigen Look.
Diese unaufdringliche Schlichtheit entspannt das Auge.


Die Technik

Tabellen-Konstruktion.
Wie üblich mit ausgelagerter -da einfacher und übersichtlicher- CSS-und JavaScript-Datei.
Oben ist ausreichend Platz für Logo, Banner oder Homepagename.
Fusszeile unten sowie oben der Seitentitel (für den jeweils angewählten Button) als einfacher Text einzutragen.
Anlegen von Links bzw. HTML-Seiten:
Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.


Die Navigation

Textlinks.
Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.

1. Menü oben:

    Ca. 8 Textlinks. Die Buttons verbreitern oder verkürzen sich automatisch bei längeren/kürzeren Linkwörtern.

    Das besondere hier ist, dass Sie mit Textlinks arbeiten können und sich der grafische Button Ihrer gewählten Linklänge anpasst. Beide Ecken des Buttons wandern sozusagen mit....

2. Menü rechts:
    Beliebig viele Textlinks innerhalb der Rubriken.
    Ausserdem können beliebig viele Link-Rubriken untereinander erstellt werden - nicht nur die zwei wie im Beispiel (Navigation2 und Partner Links). Darunter wäre dann noch Platz für evt.weiteren Inhalt.



Die Navigation: Bonus Menüs

Die Menüs oben und rechts werden geladen per css-Datei durch nur 2 Quellcode-Zeilen ganz oben in der Webseite im sogenannten Kopf-Bereich :

So sieht es aus: Darstellung des aktuellen Menüs:

<link rel="stylesheet" href="menue_rechts1.css" type="text/css">
<link rel="stylesheet" href="menue_oben1.css" type="text/css">

Die Bonus-Menüs sind bereits fertig für Sie angelegt und per Anlage als css-Datei mit fortlaufendet Nummer anbei).
Sie brauchen nur- leichter geht es nicht - eine Ziffer im Kopf-Bereich auszutauschen/überschreiben.

Also z.B.
<link rel="stylesheet" href="menue_rechts3.css" type="text/css">
<link rel="stylesheet" href="menue_oben2.css" type="text/css">

oder

<link rel="stylesheet" href="menue_rechts4.css" type="text/css">
<link rel="stylesheet" href="menue_oben1.css" type="text/css">

1+2 Menü rechts
 
3+4 Menü rechts
 
5+6 Menü rechts
 
7+8 Menü rechts
 
1+2 Menü oben: Abstand zw. den Buttons einstellbar
 




Allgemeine Links:
So sehen die allgemeinen Links (Links im Text) zur Zeit aus:
(Fahre mit der Maus über den Link)

 Hier steht Ihre Fusszeile in beliebiger Breite