| Home - Startseite |
 |
| |
|
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.
Die Höhe jeder einzelnen Box können Sie aber auch festlegen, falls Sie sehr wenig Inhalt in einer Box haben.
Ich bin eine zweite Inhaltsbox. Hier werde ich als News-Box genutzt. Übrigens: Die Kalenderblätter sind ohne jede Grafik erstellt. Sie können diese daher bei Bedarf leicht farblich ändern sowie auch die Abmessungen anders einstellen.
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.
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.
Die Höhe jeder einzelnen Box können Sie aber auch festlegen, falls Sie sehr wenig Inhalt in einer Box haben.
|
|
|
| |
| |
Das Layout
Design-Name: "Heaven on earth"
Links vom Foto ist noch ein kleines, aber flexibles Feld, welches Platz für ein Logo bietet oder wie hier für den Seitentitel, also immer der Titel bwz. Link der jeweils angewählten Seite, hier im Beispiel die Startseite "Home". Für ein Logo kann z.B. das Feld in der Höhe erweitert werden.
Die Technik
Flexibles Layout: Verändern Sie die Breite des kompletten Layouts und/oder z.B. die Breite der linken Spalte.
Da der Rahmen aus transparenten PNG-Grafiken besteht, können Sie hier einen beliebigen Hintergrund per Farbe oder Hintergrundgrafik wählen, z.B. mit rein weißem Hintergrund schaut es auch sehr gut aus.
Die Boxen auf der linken Seite könnten Sie für kleineren INHALT wie Bilder, Text, Links o.ä. nutzen, sie verlängern sich bei mehr Inhalt automatisch nach unten bzw. verkürzen sich bei weniger Inhalt. Die Höhe jeder einzelnen Box können Sie aber auch festlegen, falls Sie sehr wenig Inhalt in einer Box haben.
Fortgeschrittene könnten auch weitere Boxen hinzufügen, also darunter kopieren.
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 Menü oben ist durchgehend nach rechts erweiterbar.
Das Menü in der linken Spalte ist beliebig nach unten erweiterbar.
Zum zweiten Menü oben: Und zwar ist dieses Menü ein Prozent-Menü, welches wir mit 100 Prozent festgelegt haben. Es ist abhängig von der Linklänge, d.h. je kürzer die Linkwörter, desto mehr Links sind möglich. Im Moment sehen Sie also 7 Links mit der selben Breite je Link. Ein Link hat hier 14% (denn 7 x 14 = fast 100%).
Somit können Sie auch für 6 Buttons einen Prozentwert von 16% oder für 5 Buttons eine Prozentwert von 20% wählen. (Sie teilen also immer 100 durch die Anzahl der Buttons und runden nach unten ab).
So sehen die allgemeinen Links im Text aus.
Die Info
Links in der News-Box sind leicht anpaßbare Kalenderblätter für die jeweils letzten News. Farben, Abstände, Schriften usw. für diese Kalenderblätter ändern Sie in der Datei "kalender.css". Nachfolgend noch ein Beispiel für eine Liste mit Aufzählungspunkten.
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.
Viel Spaß mit diesem Design. Scelerisque ut, pulvinar vel, sem.
|
|