Das Layout
Das Design
Während das große Hauptbild oben über eine Breite von 1600 Pixel geht, ist der Inhaltsbereich ca. 900 Pixel breit. Farbige Bilder kommen durch das dezente Design besonders gut zum Ausdruck. Sicher würde es auch sehr gut mit Schwarz-Weiß-Fotos im Inhaltsbereich gut aussehen, wir wollten hier aber bewußt einen Kontrast setzen. Wie ein nicht kleiner, sondern großer Hoffnungsschimmer im Dunkeln, sozusagen. 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
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:
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.
|
|
Mike Muster GmbH & Co. KG
55234 Sampletown
Spezialstrasse 3
|
Tel: +49.108.1234577
Fax: +49.108.9876522 33
Mail: mike.muster@info.de
|
|
|
|
|