Das Layout.
Dieses Design heisst "Business Letter". Das Menü rechts ist in den Fliestext eingebaut und so angelegt, dass Ihr Text darum herumfliesst. Diese Menü-Box verlängert sich bei weiteren Links automatisch nach unten.
Auch das Menü oben ist erweiterbar. Die Buttons passen sich dort automatisch der Länge Ihrer Textlinks an.
Etwas Dummy-Text. Also Beispiel-Fülltext. Vivamus ac ipsum et ligula ullamcorper iaculis. Mauris rhoncus vulputate ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec nunc. Curabitur vehicula ultrices tortor. Morbi nulla. Nunc gravida. Vivamus semper laoreet neque. Suspendisse elit urna, mattis sed, posuere eu, pretium id, eros. Fusce sem risus, pulvinar eu, faucibus et, interdum at, nisi. Nullam non tellus. Maecenas ac felis ultricies turpis imperdiet dictum. Nunc sapien. Duis commodo. Aliquam in metus sed libero iaculis mattis. In non turpis. Proin vulputate. Donec sit amet odio id turpis pharetra tincidunt. Maecenas libero mi, convallis mollis, viverra et, molestie eu, odio.
Pellentesque aliquam leo eget arcu. Pellentesque ac odio. Etiam massa neque, sodales eget, blandit nec, gravida ut, velit. In gravida facilisis arcu. Vivamus nonummy sem eget nisl. Sed sem risus, mattis eget, viverra nec, tincidunt eu, dolor. Sed elementum blandit pede. Sed in nisl ac lectus mollis egestas. Maecenas pede dolor, rhoncus eget, lacinia eu, blandit at, purus. Duis mi.
Die Technik.
Seite ohne Frames.
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.
Die Navigation.
Allgemein gilt:
Alle Menüs sind Textlinks-Menüs. Alle Beispiel-Textlinks sind durch Ihre Links zu ersetzen.
Menü oben:
Erweiterbar um einige Links.Die Buttons passen sich dort automatisch der Länge Ihrer Textlinks an.
Menü rechts:
Beliebig erweiterbar. Bei sehr vielen Links, d.h. ca. über 12 Links im Menü rechter Seite , sollten Sie allerdings die Zeilenhöhe, also den Zeilenabstand verringern. Dieser beträgt im Moment 20px. Zu ändern in der Datei "menue_rechts1.css" bei "height:20px;
line-height:20px;". Denn dann rücken die Links näher zusammen.
Allgemeine Links
Die 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 |