•Hinter dem Horizont•
[ Snowy Night Version ]
Startseite. Home

Das Layout

Das Design

Farbige Bilder im Textbereich sehen auch spannend aus als Kontrast zum monochromen Design. Während das große Hauptbild oben über eine Breite von 1600 Pixel geht, ist der Inhaltsbereich ca. 900 Pixel breit. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. No sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.

Die Technik

Da das 1600-Pixel-Foto als Hintergrundgrafik eingebaut ist, passt es sich auch kleineren Auflösungen des Monitors, wie 1280 oder 1024, an. Die kleinen Bildchen im Text sind links und rechts so angelegt, das der Text um die Bilder herum fließt. Diese Bilder im Text können Sie an jede andere Stelle innerhalb des Textes platzieren, einfach die entsprechenden "div-Bereiche" im Text verschieben. Iam nonumy eirmod tempor invidunt ut labore et dolore magna.


Die Info

Wie schwarz-weiss- Bilder im Text aussehen, zeigten wir Ihnen ja bereits in der Datei index.html. Eine weitere Variante mit einem anderen Hauptbild sehen Sie in der Datei index3.html. Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern. Beide Menüs oben sind um einige Links erweiterbar. Die Menüs passen Sie in der Datei menue.css an. Der Name des Templates lautet: Hinter dem Horizont.

Nachfolgend noch ein Beispiel für eine Liste. Solche Listen lockern den Text auf und eignen sich natürlich wunderbar für Aufzählungen. Wir haben für die Liste mal einen Doppel-Pfeil gewählt. Viel Spaß mit diesem Design. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.

Liste mit eigenem Aufzählungszeichen, verlinkt mit den Seiten anbei:


Aliam Notulam

Note pro ea

Übrigens: Um die kleinen Bildchen im Text legen sich pro Bild zwei Rahmen drum herum, welche Sie in Farbe und Breite verändern können. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.

Diam nummy

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit.


Anschrift

Mike Muster GmbH & Co. KG
55234 Sampletown
Spezialstrasse 3

Kontakt

Tel: +49.108.1234577
Fax: +49.108.9876522 33
Mail: mike.muster@info.de