Elefant CSS Template

Das Elephant CSS Template verzichtet konsequent auf Tabellen. Es verwendet eine fixe Breite und ein wechselndes Bild im Kopfbereich. Auf der linken Seite wurde eine Logo-Grafik in den Hintergrund gelegt. Diese bleibt auch beim Scrollen erhalten. Da der linke Bereich durch das Logo blockiert ist, wurden die Menus auf die rechte Seite genommen.

Inspiriert für dieses Design wurde ich durch die wunderbare Arbeit von Mani Sheriar für das Projekt CSS Zen Garden.

Wie gewohnt stehen neben dem Template auch die Photoshop-Dateien zur Verfügung. Diese können einfach angepasst werden.

Du kannst die Elefantenbilder sehr einfach durch eigene erstezen, wenn Du die einzelnen Bilder in Elephant Head änderst. Auch das Menu und das Logo sind einfach durch Austauschen des Bildes bzw. des Schriftzugs änderbar.

Wenn Du ein Anzahl Bilder für den Kopfbereich gemacht hast, änderst Du im HTML-Teil des Templates die Zeile:

$GLOBALS['mosConfig_live_site']."/templates/".$cur_template."/images/main_t".sprintf("_%02d",rand(1,12)).".jpg";

und ersetzt rand(1,12) durch Deine Anzahl Bilder: rand(1,xxx).