MAXdev
AutoTheme Lite .7

AutoTheme Lite .7

Overview
Installation
Template Overview
AutoTheme Design
Additional Functionality
Administration
Bugs and Feedback

Overview

AutoTheme is an HTML Theme System for the eNvolution, MDPro, PHP-Nuke and PostNuke Content Management Systems (CMS). The current theme system usually requires you to be somewhat familiar with PHP and the CMS architecture. If you are not very familiar with PHP and/or CMS, AutoTheme removes this complexity.

AutoTheme's primary benefit is providing users the ability to create CMS themes in HTML using their favorite editor, with no use of PHP. In addition, AutoTheme provides easy customization of every part of your CMS site; including block display, custom templates for the Home Page, User Pages and Admin Pages and individual modules. The addition of AutoBlocks provides 9 additional locations for your blocks. All AutoTheme settings are easily configured from a graphical administration interface that is integrated into the CMS.

CMS Layout

Regardless of how themes are built, a base understanding of CMS is needed. Standard CMS installations make use of four main elements in the layout. Left Blocks, Center Blocks, Right Blocks and Modules. You can create and modify the blocks via CMS's administration menus, but the theme controls when, where and how these four elements are displayed. Two additional elements are used for the news, the Summary Article (displayed on the Main Page) and the Full Article (displayed when the user reads the Full Article usually by clicking Read more...). See an example:

[ Example Site ]

In addition, AutoTheme provides AutoBlocks. Unlimited block positions in addition to Left, Center and Right. You also have full control over when to display Left, Center, Right and AutoBlocks. See an example:

[ Example Site (with AutoBlocks) ]

Installation

Unzip AutoTheme into your CMS directory. This will create a modules/AutoTheme/ directory and several theme directories under the themes/ directory. Depending upon your platform, other files may be installed.

Unzip the AutoTheme compatibility pack for your CMS into your root CMS directory.

After installing the required and any optional files, go to CMS Administration, Modules, and follow the activation procedures for your CMS. AutoTheme is now available from the main CMS Administration area.

File Permissions

*** any theme.cfg in your theme directories must be writeable by the web server!

The easiest way in Unix/Linux is CHMOD 777 autotheme.cfg and CHMOD 777 theme.cfg

Windows should not be an issue unless you have set custom file or directory permissions.

Template Overview

Example Files

AutoTheme is a Theme System, not a theme. The included HTML templates and images may be used as is or modified to fit your needs, but they are only examples. You should use your own creativity to build a custom theme using the AutoTheme functionality. The template files in your AutoTheme can be named anything you wish and can be organized in any directory structure under your theme directory. Your site may require fewer files or more files.

HTML Templates

The only required files for an AutoTheme are listed below. With these created and defined in AutoTheme administration, you will have a basic CMS theme.

Custom Block Templates

Each block position may also have its own template (Left, Center, Right and the AutoBlocks).

Custom Module Templates

Each module or page of your site may have its own template, so that each page that is displayed is fully customizable. Every module has a unique name that is configured in CMS Administration, Modules. You can define custom templates, style sheets, images and colors and head content that are used only for that specific module. In addition, you can control what blocks are displayed on a per module or page basis. In addition to the modules that you have installed on your site, AutoTheme provides the ability to define separate templates for: Home Page (regardless of what module is there), Administration Pages, User Pages (My Account, etc.).

AutoTheme Design

It's very easy to design AutoTheme templates. Just use your favorite HTML editor and design a Main Page template (theme.html), Left Block template (leftblock.html), Center Block template (centerblock.html) and Right Block template (rightblock.html). In addition, the CMS news module uses the theme for the two types of article displays, Summary Article (summary.html) and Full Article (article.html). Main theme templates should be complete HTML files containing , , and their closing tags. Block and Article files should not contain , , or their closing tags. Only the tags necessary to construct your Block or Article.

As you design your Main Page template, keep in mind the basic layout elements of a CMS site. The locations where these are to be placed are specified in your HTML templates using comment commands, standard HTML comments that have an embedded AutoTheme command. AutoTheme commands are enclosed in brackets [ ] and take the following form:

Example:

Commands that are used inside of HTML tags themselves are not placed in a comment and are enclosed in braces { }.

Example: "{command}"

Actually, any of the commands can be inside of or { } but try and follow these guidelines as they may change in future releases.

Here is a list and explanation of the included commands:

[ Commands ] and [New Commands]

CMS Specific Tables and Colors

Two theme tables and several colors are used by many core and third-party CMS modules. These internal CMS colors and the border and background color of the tables can be configured in AutoTheme administration. In addition, you can configure templates for the Table 1 and Table 2. These will override the table colors that you specify.

Images and Other Files

The base location of your CMS page is where your CMS index.php resides. Therefore, images and other files such as scripts that are in a sub-directory of your theme directory will need to use a path relative to where the CMS index.php resides. So if you have your images in the images directory an tag and



Example site

CMS Layout

Site Name

Welcome
anonymous

Left Block
Menu stuff
Left Block
Link 1
Link 2
Left Block
Username

Password

Left Block
Some block stuff...

Center Block
Message to users . . .

Get AutoTheme now!

Module

Article Summary
AutoTheme released . . .

Read the features and download now.

Read more...

Right Block
Search
Right Block
Quote
Right Block
Link 1
Link 2
Link 3





Example Site 2

CMS Layout (with AutoBlocks)

Site Name

Welcome
anonymous
Left Block
Menu stuff
Left Block
Link 1
Link 2
Left Block
Username

Password

Left Block
Some block stuff...

Center Block
Message to users . . .

Get AutoTheme now!

AutoBlock Position 1
Menu stuff

More sftuff

AutoBlock Position 1
Menu stuff

More sftuff

AutoBlock Position 1
Menu stuff

More stuff

Module

Article Summary
AutoTheme released . . .

Read the features and download now.

Read more...

AutoBlock Position 2
Menu stuff

More sftuff

AutoBlock Position 2
Menu stuff

More sftuff

AutoBlock Position 2
Menu stuff

More stuff

AutoBlock Position 3
Menu stuff

More sftuff

AutoBlock Position 4
Menu stuff

More stuff




Commands

Commands

Main theme commands:
[modules]Defines the main content area where the modules are displayed
[date]Displays current user date
[time]Displays current user time
[user]Displays the logged in user or anonymous
[user-welcome]Displays Welcome Username
[user-login]Displays a horizontal user login consisting of Username, Password, Remember me checkbox and submit button
[user-links]Displays links for logged-in user (My Account | Logout) and anonymous user (Register | Login)
[banners]Displays the banners (from PostNuke Banners)
[banners-type1] through [banners-type99]Displays banners by ID Type 1-99 (from PostNuke .723 Banners)
[footer-msg]Displays the Footer Message (from PostNuke Settings)
[open-table]Starts a table, 100% width <table><tr><td>
[close-table]Closes the table</td></tr></table>
[open-table2]Starts a table, width sized to contents <table><tr><td>
[close-table2]Closes the table</td></tr></table>
[table-content]Displays the table content in your table (used in table1 and table2 templates)
[site-slogan]Displays the site slogan from Administration, Settings
[site-name]Displays the site name from Administration, Settings
[search]Displays a search text field and submit button to search the core PostNuke areas of your site (comments, downloads, faqs, reviews, sections, stories, users, weblinks)
[logo-image]Displays the standard or custom module logo image that in AutoTheme administration
{image-path}The theme images directory
{theme-path}The theme directory
Block commands:
[block-content]Displays the Block Content in your block
[block-title]Displays the Block Title in your block
[left-blocks]Displays the Left Blocks
[center-blocks]Displays the Center Blocks
[right-blocks]Displays the Right Blocks
[AutoBlock Name-blocks]Dynamic commands for each AutoBlock name
Article commands:
[article-edit-del]Displays Article Edit and Delete links for admins
[article-full]Displays full Article text
[article-more]Displays the Article Read More... link
[article-notes]Displays the Article notes
[article-summary]Displays the Article summary text
[cat-title]Displays the Article category and title
[posted-by]Displays the Article posters name
[posted-date-time]Displays the date and time of the Article posting
[topic-image]Displays the article topic image
[article-reads]Displays the number of times the article has been read
Colors used by modules:
{color1}Background Color 1
{color2}Background Color 2
{color3}Background Color 3
{color4}Background Color 4
{color5}Text Color 1
{color6}Text Color 2
{color7}Table Border Color 1
{color8}Table Background Color 1
{color9}Table Border Color 2
{color10}Table Background Color 2




Autotheme .7 new commands

AutoTheme Lite .7

WHAT'S NEW
- shared code-base with compatibilty libraries for eNvolution, MDPro, PHP-Nuke, PostNuke
- portable theme commands and configs
- improved admin interface
- templates for tables
- AutoPrint for printer friendly themes
- html 4.01 compliant output (from AutoTheme commands)
- commands by user type: all, admin, anonymous, loggedin
- extensive theme and template API for modules
- different summary and article templates definable for *HomePage and News
- shared and custom language files for themes
- all news commands included

INSTALLATION
- Unzip the base AT-Lite distribution into your root CMS directory
- Unzip the compatibility pack for your CMS into your root CMS directory
- follow the installation instructions from docs/readme.html


NEW COMMAND STRUCTURE (only for News at this time)
All of the previous commands will still work, but there is a new nomenclature for all commands.

text:command will display text of that command (i.e. text:topicimage displays the filename someimage.gif for that topic). You use this as text and can surround it with any formatting tags, styles, etc.

html:command will display preformatted HTML (i.e. html:searchtopic displays the Anchor and Image tags to display that image and when clicked, displays that topic page <a href="modules.php?op=modload&name=News&file=index&catid=&topic=1"><img src="images/topics/someimage.gif" alt="sometopic" border="0"></a> )

url:command will display the text of the URL for that command (i.e. url:searchtopic displays the text of the URL only, modules.php?op=modload&name=News&file=index&catid=&topic=1). You can use this in your own Anchor tags.

Any Module specific commands will be prefixed with the module name (i.e. News commands are news:text:command, news:html:command and news:url:command.

All commands are lowercase.

NEW COMMANDS
print-link

News Module Commands (used in article and summary templates)
* Most are self-explanatory, if not, then you probably won't need it.

news:text:aid
news:text:bodytext
news:text:catthemeoverride
news:text:cid
news:text:cattitle
news:text:comments
news:text:counter
news:text:hometext
news:text:informant
news:text:notes
news:text:sid
news:text:themeoverride
news:text:tid
news:text:time
news:text:title
news:text:topicname
news:text:topicimage
news:text:topictext
news:text:tcounter
news:text:unixtime
news:text:withcomm
news:text:topicid
news:text:topic
news:text:catid
news:text:version
news:text:longdatetime
news:text:briefdatetime
news:text:longdate
news:text:briefdate
news:text:catandtitle
news:text:maintext
news:text:fulltext
news:html:bodytext
news:html:bytesmore
news:html:category
news:html:comment
news:html:hometext
news:html:notes
news:html:searchtopic
news:html:print
news:html:readmore
news:html:send
news:html:title
news:html:version
news:html:more
news:html:catandtitle
news:html:maintext
news:html:fulltext
news:url:category
news:url:comment
news:url:fullarticle
news:url:searchtopic
news:url:print
news:url:send
news:url:version