MEDIA ART
DOCUMENT
|
|
|
|
|
|
|
|
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.
Anbei bzw. nachfolgendend auf Klick einsehbar haben wir Sie die Datei , dort erklären wir Ihnen insbesondere den Textschatten.
|
|
|
|
|
|
|
|
| |
|
" Zitat Media Document
nam liber tempor cum,
at vive eros ".
|
| :HOME |
|
|
Willkommen bei uns...
Das Layout
Das Design
Aufgefallen? ...Klar! Wenn Sie die Scroll-Leiste betätigen ändern sich automatisch die Farben in den 4 Kreisen. Das macht mächtig Eindruck und das Beste ist: Alles funktioniert in jedem Browser, egal welche Einstellungen Sie dort vorgenommen haben, auch werden keine Scripte angewandt. Nun, wie geht das? Wir haben hier eine transparente PNG-Grafik - also die Grafik mit den Kreisen - (loch.png) erstellt, welche das darunter liegende Objekt eben durchscheinen läßt, somit z.B. auch Ihre eigene Hintergrundgrafik (bei uns hier: back.png).
Wie sie ggflls.das Beispiel-Zitat anders anpassen und/oder auch versetzen können, lesen Sie bitte weiter unten bei "Info".
Das Grafik-Format PNG
Allgemeiner Hinweis: Im Gegensatz zum Grafikformat JPG oder GIF lassen sich beim Grafikformat PNG sämtliche Farben ggflls. transparent schalten (dies wird direkt in der Grafik selber, beim Abspeichern im Grafikprogramm, vorgenommen), wahlweise auch in bestimmten Prozentstufen, also Teil-Transparenzen. In dieser Vorlage scheint die Hintergrundgrafik übrigens zu 100% durch.
Die Technik
Hintergrund Fix
Um den Effekt zu gewährleisten, setzen wir die Hintergrund-Grafik fest (background-attachment: fixed), denn somit schiebt sich die Gesamtkonstruktion über die Hintergrund-Grafik.
Die Bildschirm-Anpassung
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.
Die Navigation
In allen Menüs sind leicht anpassbare Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.
Menü oben
Das Menü oben ist durchgehend nach rechts erweiterbar. Die Links dort haben keine feste Breite, so können Sie möglichst viele nebeneinander schreiben.
Die beiden Menüs links
Beliebig nach unten erweiterbar bzw. natürlich auch verkürzbar oder für Fortgeschrittene nach dem selben Prinzip weitere Menüs durch Kopieren/Anpassen im Quelltext anlegbar..
Die Links im Text
So sehen die allgemeinen Links im Text aus.
Die Info
Lesen/Klicken Sie bitte für einige ausgewählte Tipps zu den Anpassungen in der Datei tipps.html anbei.
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
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.
Der Name des Templates lautet: Media Art Document.
Viel Spaß mit diesem Design. Scelerisque ut, pulvinar vel, sem.
|
|
