Colours Farben

Layout.

Dieses Design heisst "Colours Farben". Das Menü rechts ist in den Fliestext eingebaut und so angelegt, dass Ihr Text darum herumfliesst. Es kann an jede beliebige Stelle im Fliesstext positioniert werden. Sowohl in der horizontalen als auch in der vertikalen Ebene. Verschieben Sie einfach den entsprechenenden "Div-Bereich" bzw. ändern Sie die Ausrichtung in der "menue.css-Datei". Diese Menü-Box verlängert sich bei weiteren Links automatisch nach unten.

Wer kein zweites Menü braucht und mit dem oberen Menü auskommt, löscht im HTML-Bereich einfach dieses Menü im Inhaltsbereich. Interessant ist hier, das unter dem Menü kein leerstehender Platz verbraucht wird, wie man es von einem zweispaltig angeordneten Inhaltsbereich kennt , da der nachfolgende Text sich ja direkt unter dem Menü anordnet.


Technik.

Die immer beliebter werdenden Mini-Buttons welche Sie ganz unten sehen, dienen als Beispiel und Sie können diese gerne löschen, auch unsere Buttons. Gleichwohl können Sie aber auch soviele wie Sie wollen behalten und weitere Buttons hinzufügen.

Zu Ihrer Information: Unsere 3 Buttons (Templates / On-Mouseover / SISPapenburg) sowie der Wikipedia-Button sind offizielle Buttons. Die restlichen Buttons sind Fantasie-Buttons.

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

Pellentesque tincidunt imperdiet risus. Nulla varius tincidunt felis. Cras in metus non odio elementum consequat. Ut quis tortor eget erat consequat porta. In mauris. Vestibulum eget ante. Curabitur hendrerit sagittis ante. In sem massa, iaculis quis, mollis vel, fermentum vel, nulla. Nam turpis orci, congue ultrices, vehicula sit amet, pretium sit amet, mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus tincidunt tellus at nisi.


Navigation.

Textlinks. Ersetzen Sie die Links durch Ihre eigenen Links.

Das obere Menü ist um einige Links erweiterbar. Es zeigt den jeweils angewählten Link in anderer Farbe an. Bei der Startseite index.html ist das hier "home". Klicken Sie auf die Links, dann sehen Sie was wir meinen. Denn die oberen Links haben wir als Beispiel schon für Sie verlinkt. Also: der Ausgangslink ist Blau, der Mouseoverlink ist Gelb und der konstante Link ist Rot.

Zum zweiten Menü: Menü im Textbereich ist beliebig nach unten erweiterbar und die Breite dieser Menü-Box ist übrigens auch veränderbar.

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.

Etwas Dummy-Text. Also Beispiel Fülltext. In ornare felis eget magna. Donec hendrerit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur sit amet est. Pellentesque tincidunt imperdiet risus. Nulla varius tincidunt felis. Cras in metus non odio elementum consequat. Ut quis tortor eget erat consequat porta. In mauris. Vestibulum eget ante. Curabitur hendrerit sagittis ante. In sem massa, iaculis quis, mollis vel, fermentum vel, nulla. Nam turpis orci, congue ultrices, vehicula sit amet, pretium sit amet, mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus tincidunt tellus at nisi.

Vestibulum vestibulum ipsum vitae orci. Ut massa elit, interdum vel, aliquet non, iaculis eget, neque. Maecenas scelerisque leo non pede. Nulla ligula libero, egestas nec, scelerisque et, scelerisque vel, risus. Duis ut turpis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum sodales, erat vitae laoreet hendrerit, arcu purus pretium pede, a semper nunc nunc vitae lectus. Donec dignissim felis dapibus ante.
Mike Muster GmbH & Co. KG  •  Spezialstrasse 55  •  55234 Sampletown
•  www.ihre-webseite-beispiel.de  •

Homepage-Vorlagen  
Mouseover-Effekte