"Bright Side of Life" für TYPO3

Zum Layout

Das Template Bright Side of Life diente mir zwar als Vorlage, außer die CSS-Formatierungen für Textfarben und Hintergrundbilder und -farben habe ich aber nichts vom Original übernommen.

Es ist nach bevor ein Layout mit Kopfbereich (Header), drei Spalten und Fußzeile. Anders ist deren Reihenfolge im Quelltext. Und zwar:

1. Mittlere Spalte
2. Linke Spalte
3. Rechte Spalte (optional)
4. Fußzeile
5. Kopfbereich

Die rechte Spalte erscheint nur, wenn sie Inhalt hat. Wenn nicht, wird die mittlere Spalte ausgebreitet (so wie auf dieser Seite).

Die Breite des Layouts ist im Konstanten-Editor editierbar.  Möglich sind absolute (Pixel) und relative ("%", "em") Werte.

Navigation

Haupt- und Untermenü

Hauptmenü (Kopfbereich) und Untermenü (linke Spalte) sind ungeordnete Listen mit nummerierten Ebenen und Links. Wie im Beispiel auf Einfach für Alle wird die Nummerierung mit einem dfn-Element umschlossen. Dazu bitte beispielsweise den Quellcode dieser Seite betrachten.

Über das Submenü steht als Überschrift der Titel der übergeordnete Seite aus dem Hauptmenü.

Sprunglinks

Sprunglinks (zwei bis maximal fünf) werden nur gesetzt, wenn die entsprechende Ziel-Bereiche existieren. Dazu bitte auch den Quellcode von verschiedenen Seiten vergleichen, oder die Tabulator-Taste benutzen - die Skip-Links erscheinen im Kopfbereich, direkt über die Hauptnavigation.

Hintergrundbilder und -farben

Hintergrundbild und -farbe können ausgetauscht, bzw. geändert werden (Konstanten-Editor).

Ein eigenes Banner-Bild kann einmalig im Konstant-Editor für alle Seiten bestimmt werden, oder aber auch für jede Seite (oder Gruppe von Unterseiten) individuell in den Seiten-Eigenschaften als Ressource hoch geladen werden.

Weiter zur Installation.