|
|
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.
* * * * *
* * * * *
Alle Links in der News-Box sind schon verlinkt. Klicken Sie mal.
|
|
| |
| HOME - Herzlich Willkommen bei uns ... |
The Blue Racer - "Speed-Version"
Das Layout und die Technik
Unterhalb des Fotos steht der Seitentitel, also immer der Titel bwz. Link der jeweils angewählten Seite, hier im Beispiel die Startseite "Home".
Die kleinen Kalenderblätter sind ohne jede Grafik erstellt. Sie können diese daher bei Bedarf leicht farblich ändern sowie auch die Abmessungen anders einstellen.
Sowohl die Breite der Gesamtkonstruktion ist ändernbar, als auch die Breite der linken Spalte. Weiterhin sind auch alle anderen Felder in der Höhe veränderbar, so daß Sie ein komplett flexibles Template erhalten.
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 Kalenderblätter in Box 3: Wenn Sie dort klicken (Weiterlesen-Link), öffnet sich die Seite "news.html" anbei, mit Ihren Neuigkeiten; dort sehen Sie dann auch noch weitere Kalenderblätter chronologisch sortiert.
Die Navigation
Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.
Das erste Menü oben ist ein grafisches Menü und nicht erweiterbar. Beim zweiten Menü oben haben wir ein Prozent-Menü angelegt, dort hat jeder Link die selbe Breite.
Die beiden Menüs in der linken Spalte sind beliebig nach unten erweiterbar.
Da wir in der Boxen 2 und 3 eine kleinere Schrift und einen anderen Hintergrund als im Inhaltsfeld gewählt haben, haben wir diesbezüglich noch ein weiteres Menü definiert - denn falls Sie dort verlinken (wie hier im Beispiel die "Weiter-Links"), soll ja auch die Grösse und Farbe der Linkwörter wieder zum Boxeninhalt passen.
Nicht zu vergessen: Die Links im Inhaltsfeld erhalten ja auch eine eigene Link-Formatierung. Und das ist gut so. Die Links im Text sehen zur Zeit aus wie nachstehend: Um den Mouseover-Effekt anzuschauen, fahren Sie mit der Maus über den Link: Beispiel-Link
Anker-Links in der News-Rubrik.
Die Tipps
+++ Plus +++: Die Seiten Tipps und News sind bereits verlinkt und mit wertvollen Anpassungs-Tipps ausgestattet.
Klicken Sie auf die vorstehend genannten Links oder probieren auch die entsprechenden Links im zweiten Menü von oben aus, denn dort sind die Links für die Seite Home, Tipps und News als Beispiel bereits für Sie angelegt.
Das Besondere: In der Box 3 sind sogenannte Sprungmarken (Anker) als Link gesetzt, die exakt das jeweilige News-Datum in der Datei "news.html" anspringen.
Mit Sprung-Links sind hier sogenannte Anker-Links gemeint. Denn diese verlinken nicht nur wie üblich auf eine Seite, sondern springen dort auch eine vorher festgelegte Position innerhalb dieser Seite an.
Liste mit eigenem Aufzählungszeichen, verlinkt:
Morbi vitae nisl at felis placerat porttitor. Morbi molestie. Cras ligula sapien, consequat sed, scelerisque ut, pulvinar vel, sem. In vulputate gravida orci.
Einen schönen Tag und viel Spaß mit diesem Design. Scelerisque ut, pulvinar vel, sem.
|
|
