What is this?

ZenGarage is a showcase tool that may help you to develop and present different visual styles for a single set of templates. All by the power of CSS.

ZenGarage was strongly inpired by Dave Shea’s CSS Zen Garden which is a site that… well, you already must know CSS Zen Garden.

Think of ZG as some kind of personal CSS Zen Garden

With ZG you aren’t limited to just one single template. Instead of that, you can set any number of projects that contain numerous templates and many different styles.

Installation instructions

First, download the demo and unzip it en then look at the folder structure, there is where the magic happens. Your projects goes into the projects folder. Each project contains a styles folder and a templates folder which seems to be self explanatory, If not, I’ve made a graphic to show you the folder structure:

Templates are common vanilla flavored HTML files, the only variation you have to do is replacing the line with the link element that calls your CSS file with this one:

<?php echo $this->styleSheet(); ?>

Look at the samples provided with the zip for a better understanding of this.
After that, you are ready to upload.

Deutsche Übersetzung

Was ist das?

ZenGarage ist ein Vorschau Tool, das Ihnen beim erarbeiten und stylen unterschiedlicher visueller Stile für einen einzigen Satz von Templates helfen kann. Alles durch die Macht von CSS.

ZenGarage war stark von Dave Shea’s CSS Zen Garden Inspiriert, die eine Website, die … ist gut, sollte man bereits kennen, CSS Zen Garden.
ZG muss man sich als eine Art persönlichen CSS Zen Garden vorstellen.
Mit ZG sind Sie nicht nur auf eine einzige Vorlage beschränkt. Statt dessen können Sie eine beliebige Anzahl von Projekten bearbeiten, mit zahlreichen Vorlagen und vielen verschiedenen Stilen.

Installations Anleitung

Zuerst laden Sie die Demo und entpacken Sie dann en Blick auf die Ordner-Struktur gibt es, wo die Magie passiert. Ihre Projekte geht in den Projektordner. Jedes Projekt enthält eine Stile Ordner und eine Vorlagen-Ordner, die selbsterklärend sein, wenn nicht scheint, habe ich eine Grafik zeigt Ihnen die Ordner-Struktur:

Vorlagen sind häufig mit Vanille-Aroma HTML-Dateien, die einzige Änderung was Sie tun müssen ist, ersetzt die Zeile mit dem Link-Element, dass Ihr CSS-Datei mit dieser Anruf:

<?php echo $this->styleSheet(); ?>

Im zip finden sich mehrere einfache Beispiele. Einfach mal ansehen.
Danach sind Sie bereit zum Hochladen.

» ZenGarage Demo