Per mare dunes. Foenum et harena .

Box2

Überschrift Inhalt Box2

Ich bin eine Inhaltsbox.
Mit Platz für weiteren Inhalt wie z.b. Text oder Grafiken.
Diese Boxen erweitern sich nach unten bei mehr Inhalt automatisch bzw. verkürzen sich bei wenig Inhalt.

Überschrift Inhalt Box2

Weiterhin: Die Höhe jeder einzelnen Box können Sie aber auch festlegen, falls Sie sehr wenig Inhalt in einer Box haben. Weiter...

Box3

Aktuelle News

DATE

07

NOV

2012

Ich bin eine weitere Inhaltsbox. Hier werde ich als News-Box genutzt. Angezeigt werden hier im Beispiel die letzten zwei News. Praktischerweise könnte man von hier aus auf die News-Seite verlinken, um alle News anzuzeigen.
Weiter...


DATE

10

OKT

2012

Der Text legt sich um das jeweilige Kalenderblatt herum, die Abstände vom Kalenderblatt zum Text hin nach rechts und nach unten lassen sich auch beliebig einstellen. Weiter...

Das Layout

Design-Name: "Dünengras".

Ein Foto, auch Ihres, nur für den Fall, daß Sie tauschen möchten, legt sich hinter die gesamte Konstruktion. Das Foto ist im Vordergrund scharf und im Hintegrund leicht unscharf, so dass es in Verbindung mit den teil-transparenten Feldern diesen wunderschönen Milchglas-Effekt gibt. Diese Grafik (hier:back1.jpg) können Sie in der Datei format.css blitzschnell wechseln. Ganz oben links ist Platz für Ihren Spruch oder Ihr Logo.


Die Technik

Flexibles Layout: Verändern Sie die Breite des kompletten Layouts und/oder z.B. die Breite der linken Spalte. Auch die einzelnen Felder lassen sich in Breite und Höhe anpassen.

Auf der linken Seite sehen Sie die praktischen Boxen. Fortgeschrittene könnten auch weitere Boxen hinzufügen, also darunter kopieren. Eine Box erkennen Sie im Quelltext immer ganz leicht wie folgt: id="box1", id="box2" usw. (in der Datei index.html) sowie #box1, #box2 usw. (in der Datei format.css).

Genauer gesagt: Der eigentliche Code für eine Box befindet sich in der CSS-Datei und wird per "id" dann in der Html-Datei aufgerufen.

Sie können für die Boxen eine Höhe festsetzen. Alternativ lassen sie die Höhenangabe bei den Boxen ganz weg - so wie hier im Moment (height:0px) angelegt, denn dann richtet sich die Höhe der Boxen immer nach dem jeweiligen Inhalt.


Die Navigation

Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. Beim Menü oben haben die Links keine feste Breite, so können Sie möglichst viele nebeneinander schreiben.

Jede der Gruppen im Menü in der linken Spalte (Box1) ist beliebig erweiterbar. Fortgeschrittene können auch eine weitere Gruppe anlegen oder auch ein zweites Menü in der Box2 platzieren.

So sehen die allgemeinen Links im Text aus.


Die Info

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.

Nachfolgend noch ein Beispiel für eine Liste. Solche Listen lockern den Text auf und eignen sich natürlich wunderbar für Aufzählungen.

Liste mit eigenem Aufzählungszeichen, 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. Viel Spaß mit diesem Design. Scelerisque ut, pulvinar vel, sem.
Tel : +49.108.1234577
Fax : +49.108.9876522 33
Mail : mike.muster@info.de
Mike Muster GmbH & Co. KG
Spezialbeispielstraße 34
55234 Sampletown