Directory Layout

The main design templates live in the inc/html folder of your Sitellite installation.  Each template set (akin to a theme) lives in a subfolder below inc/html.  Each theme has at least three things in it: an html.default.tpl file containing the default template to use for that set, a site.css file containing the styles for that template set, and a "pix" folder for storing related graphics.

Sitellite ships with two built-in template sets, which we recommend you add to instead of modifying: "default", and "admin".  The "default" set contains the look of the example web site installed with Sitellite, and the "admin" set contains the design of Sitellite's administrative user interface.  These can be a valuable resource in terms of a working example of a template set.

Visually speaking, Sitellite's template layout is as follows:

inc/html/
    default/
        html.default.tpl
        site.css
        pix/
            spacer.gif
    admin/
        html.default.tpl
        site.css
        pix/
            spacer.gif

Simple enough, no?

In creating a custom design for your Sitellite-based web sites, we recommend you name your template set after the name of the web site (ie. www.yourWebSite.com would use "yourWebSite" as the name of the template set).

Next up: Naming Scheme

Page 1: Introduction
Page 2: Directory Layout
Page 3: Naming Scheme
Page 4: Custom Template Sets

All Tutorials