 |
 |
 |
 |
|
|
|
| |
Lesen Sie (tipps.html), wie Sie das Layout anpassen können. Zum Beispiel lässt sich ja das Hauptmenü bzw. die rechte Spalte verbreitern / verschmälern oder Sie fügen Ihre eigenen Fotos ein oder Sie änden das Pixel-Layout in ein Prozent-Layout.
|
Das Layout
Dieses Design heisst: "Marienkäfer."
Das Ausgangsfoto mit dem roten Käfer auf dem satten Blattgrün schaut so klasse aus, da konnten wir als Farbharmonie nur sehr viel Grün mit ein wenig Rot für das Design auswählen. Das Rot wurde nur sparsam eingesetzt, als kleine Tupfer im in der grossen grünen Natur sozusagen.
Die Technik
Bitte lesen Sie hier unter Tipps (tipps.html) interessante Einstellmöglichkeiten für dieses Design und finden dort auch die Bonus-Version.
Dieses Layout ist sehr flexibel: Um die ganze Konstruktion legt sich ein Rahmen mit Schatten-Effekt. Bei einer Änderung der Breite Ihrerseits bezgl. der Gesamtkonstruktion passt sich der Schatten-Rahmen automatisch an, d.h. der Schattenrand wandert flexibel mit.
Seite ohne Frames. 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
Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.
Das Haupt-Menü ist beliebig erweiterbar.
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. Donec ullamcorper, erat eget egestas fringilla, sem augue tempus arcu, non tempus velit risus ut nulla. Fusce enim nibh, accumsan in sollicitudin at, suscipit sed magna. Praesent eget eros sed augue iaculis elementum at eu nunc.
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.
|
 |
|
www.ihre-seiten-beispiel-url.de
|
| |
Mike Muster GmbH & Co. KG
Spezialstrasse 55
55234 Sampletown
|
tel : +49.108.1234577
fax : +49.108.9876522
mail : mike.muster@info.de
|
|
 |
 |
 |
 |
|
Beispiel-Fotos.
