Homepagenamecom
Neque porro quisquam
qui dolorem ipsum quia dolor sit amet,
consectetur, adipisci velit.

Link 03.Layout.

Dieses Design heisst " FINCA ".

Das Menü oben zeigt jeweils den aktuell angewählten Link konstant per individuell gestalteten Button an. Klicken Sie auf die vier oberen Links, dann sehen Sie, was wir meinen, denn das obere Menü haben wir für Sie einmal beispielhaft verlinkt.


Technik.

Links sehen sie zwei schicke, flexible (änderbar in Höhe und Breite) Boxen. Sie können ein Menü, aber natürlich auch anderen Inhalt in die Box packen, wie es ja auch das Beispiel zeigt. Fortgeschrittene können durch Kopieren natürlich auch weitere Boxen darunter hinzufügen.

So eine Box hat eine festgelegte Grundhöhe und Grundbreite, jedoch verlängert sich die Box bei mehr Inhalt bezgl. der Höhe automatisch nach unten, aber wer will kann die Box auch verbreitern.

Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.

Dieses Layout ist sehr flexibel, wie folgt: Um die ganze Konstruktion legt sich ein Rahmen mit abgerundeten Ecken. Dieser Rahmen hat zudem einen Schatten-Effekt. Bei einer Änderung der Breite -in Pixel oder Prozent) passt sich dieser Rahmen automatisch an, d.h. er wandert flexibel mit.


Navigation.

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

Das Menü in der Box auf der linken Seite haben wir hier mal beliebig in 3 Gruppen eingeteilt. Das Menü ist beliebig erweiterbar. Natürlich können Sie auch alle Links ohne Gruppierung direkt untereinander schreiben oder beliebig mehr Gruppierungen mit beliebig vielen Links einfügen.

Beim oberen Menü werden die Links konstant angezeigt. Einfach mal klicken.

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


Dead Text.

Beispiel Füll Text. Fusce bibendum pretium ante. Pellentesque sed enim nec odio laoreet congue. Nullam aliquam rhoncus libero. Morbi vitae sem. Sed quis lorem. Curabitur suscipit vehicula est. Donec venenatis. Nachfolgend sehen Sie zwei Beispiele für Listen. Listen sind textliche Aufzählungen. Dies sind nur Beispiele, die Ihnen als Anregung gelten sollen, natürlich können Sie jede der zwei Listen verlinken oder auch nicht verlinken. Jede der Listen können Sie natürlich auch um weitere Listenpunkte nach unten erweitern bzw. verkürzen.
Liste mit Aufzählungszeichen "square", verlinkt:
Maecenas a nulla. Maecenas nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris eu massa. In semper. Morbi vitae nisl at felis placerat porttitor. Morbi molestie. Cras ligula sapien, consequat sed, scelerisque ut, pulvinar vel, sem. In vulputate gravida orci.
Liste mit Aufzählungszeichen "square", nicht verlinkt:
  • Sed
  • Condimentum
  • Bibendum
  • Semper
Morbi vitae nisl at felis placerat porttitor. Morbi molestie. Cras ligula sapien, consequat sed, scelerisque ut, pulvinar vel, sem. In vulputate gravida orci.
Max Muster GmbH
Fax: 49.303.7894561
www.ihre-webseiten-url.de