ucms.php - Sample Styles

Because the ucms.php Content Management System outputs  <div> tags around each area of a web page, it is possible to vary the style of the pages using a style sheet.  This is contained in a page called Styles.css with a page type of 'code'.

The names of the main areas (wrapper, LeftColumn, RightColumn etc.) are preset within the ucms.php code (in the file database.php that is easy to modify).

Inside these building blocks, there may be one or more smaller blocks and these are created and edited as pages within the system.  The names you give these 'pages' are the names you use within a template to indicate if and where they should be placed, and it is this name that is used in the <div id=> that surrounds them.

Also, the <body> and <wrapper> tags are given classes that correspond to the template name.

Using a combination of these ID and Classes, a style sheet can pinpoint any area of a page within any sub-section of a site.

This section of the site includes a couple of examples of differing layout and all of the settings are within the /Styles.css file.

Being able to use just one style sheet throughout a site may mean that the style sheet grows in size, but it also makes it much easier to identify problems in the .css or to duplicate a style and modify it as the site grows.

You can of couse, use the special page 'meta' to include a style sheet from the current  directory/area for a given page if you prefer to work with separate style sheets.