640x480.de

SVG-Header reloaded

Neues Template – Neuer Header. Unser Blog hat ein neues Layout bekommen und der SVG-Header ein neues Farbschema, welches auf die Inhalte der Website reagiert.

Die Headergrafik bildet wenn sie ohne Parameter verwendet wird die vier Rubriken (Feldforschung, Lab, Recherche, Webmontag) ab.

Innerhalb der Rubrik wird die Grafik eingefärbt (hier das Beispiel der Rubrik „Lab“). Neben der Grundfarbe wird ein Teil der Kacheln zufällig abgetönt, so dass das Ganze etwas abwechslungsreicher aussieht.

Hinter der SVG steckt ein PHP-Script, welches Zugriff auf die Parameter der Website hat und daraus den Code der Zeichnung generiert. Damit kann bei jedem Aufruf der Seite eine individuelle Zusammenstellung erzeugt werden.