Caparica - Theme für xarPress5

Für xarPress5 habe ich jetzt das Standard-Theme "Caparica" komplett überarbeitet. Für die Dokumentation fehlt wie immer die Zeit, hier das Wichtigste in Stichworten.

Das Theme basiert auf dem Perfect 3 Column Liquid Layout (Percentage widths) von Matthew James Taylor.

Das Hauptaugenmerk liegt auf einem extrem flexiblen Grundgerüst für ein, zwei und drei-spaltige Layouts, die zusätzlich durch Kopf und Fußbereiche ergänzt werden können. Das Theme kann als Basis nahezu beliebiger grafischer Designs dienen. Es ist durch eine Vielzahl von Variablen konfigurierbar und verwendet dynamisches CSS - theme, skin variables and dynamic CSS.

Struktur

  1. Je nachdem welche Blockgruppen aktiv sind, werden automatisch 1, 2 (Inhalt links oder Inhalt rechts) oder 3 Spalten angezeigt.
  2. Die Breite aller drei Spalten sowie der Innenabstand (padding) zwischen den Spalten ist konfigurierbar.
  3. Wenn drei Spalten genutzt werden, kann als alternativer Skin "Blog-Style" gewählt werden (der Inhaltsbereich ist links, rechts daneben die beiden Spalten für linke und rechte Blöcke)

Anpassung an mobile Endgeräte

  1. Durch media queries wird ab einer Seitenbreite unter 768px jedes dreispaltige Layout automatisch in ein zwei-spaltiges Layout verwandelt und bei einer Seitenbreite von weniger als 600px automatisch ein ein-spaltiges Layout verwendet.

Weitere Features

  1. Konfigurierbare Seitenbreite, minimale und maximale Seitenbreite
  2. Konfigurierbare Hintergrundfarben für alle Spalten
  3. Skip-Links (optional)
  4. Login-Link (optional)
  5. Benutzer- und Admin-Menü im Kopfbereich (superfish/jquery)
  6. Benutzermenü frei gestaltbar
  7. Admin-Menüleiste (optional)

Allgemeine Features

  1. Reset-Stylesheet
  2. Alle Basis-Einstellungen sind konfigurierbar (Farben, Schriften, Schriftgrößen, Maßeinheiten, Links).

In Vorbereitung

  1. Konfigurierbares Layout (Hintergrundfarben) für rechte und linke Blöcke.
  2. Konfigurierbare media queries.

Kommentar schreiben

Zur Desorientierung