A FINE DAY!
Home

Herzlich Willkommen

Das Layout

Das Design

Ein sonniger Morgen. Monat Juli in der zweiten Woche. Es wird ein schöner Tag. Angenehme 23 Grad als höchste Temperatur des Tages. Das ist auszuhalten. Die Sonne scheint auf den Holzboden der Terasse. Das grüne Gras schmiegt sich sanft an die Füsse, es kitzelt leicht. Einzelne Halme wachsen durch das Holz hindurch. Gerade das hat Charme und zeigt die Kraft und Schönheit der Natur. Frühstück ist gleich fertig. Frischer Kaffee und Brötchen. Vielleicht ein gekochtes Ei dazu.

Die Technik

Oben und unten wird auf das selbe Foto zugegriffen, das spart Ladezeit, denn das Foto ist ja dann bereits im Arbeitsspeicher des Rechners. Beim unteren Foto wird aber ein anderer Bildauschnitt gezeigt. Sicher, wer mag kann natürlich auch oben und unten ein jeweils anderes Foto einbauen. 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.

Das Layout scrollt hier über den feststehenden Hintergrund (background-attachment:fixed), wobei der Hintergrund hier per Grafik gekachelt wird (background-repeat:repeat). Denn verwendet haben wir nur eine kleine Grafik mit den Maßen 300 x 300 Pixel, die halt per HTML immer wieder gespiegelt wird. Das ist hier ja nur eine Idee. Selbstverständlich können Sie auch den Hintergrund "nicht festsetzen" und die Hintergrund-Grafik nicht kacheln, falls Sie z.B. für den Hintergrund eine eigene sehr große Grafik nutzen möchten.


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. Der Name des Templates lautet: A Fine Day. Beide Menüs oben sind um einige Links erweiterbar. Ach ja, die kleinen Bildchen im Text haben jeweils zwei Rahmen, die sich in Farbe und Breite beliebig anpassen können.

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 den blauen Pfeil gewählt, der ja auch im Menü oben zu sehen ist. Hier ist dieser aber etwas kleiner, wegen der Zeilenhöhe des Textes.

Liste mit eigenem Aufzählungszeichen, nicht verlinkt:
  • Sed
  • Condimentum
  • Bibendum
  • Semper


Glorie Sanctus

Sacra Natura

Regenbogen auf der Terasse. Licht-Spiegelung auf Holz. Natur. Natürlichkeit. 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 dolore magna aliquam erat volutpat tempor Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

Naturalitatem

Perfecte. Natura. Naturalitatem. 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.


www.ihre-beispielwebseite.de
Mike Muster GmbH & Co. KG

Kontakt

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