With /motif, we've introduced the concept of cascading themes. Each /motif-powered template has a core theme that defines all of the necessary elements of the template (index.php, offline.php, component.php, CSS files, Javascript files, etc.). If no primary theme is selected in the template parameters, the core theme is automatically used.…

If you are building a template using the "themeable" template as a basis, you might need to make some changes to the templateDeatails.xml file. If you chaange the template name, you will need to modify the names of the language files from "en-GB.tpl_themeable.ini" to "en-GB.tpl_YOURTEMPLATENAME.ini". You will then need to…

Every /motif-powered template must have a core them. The themeable template already has the core theme structure in place. All you have to do is modify the core theme's index.php file. All themes are located at www.yoursite.com/templates/YOURTEMPLATENAME/themes/ The core theme is in the /core directory. If no /core directory exists,…

The mobilecore theme is the theme that gets loaded by default when someone visits your site from a mobile browser like the iPhone's Safari browser. This theme is optional, and if you do not have a mobilecore theme, the core theme will be the default theme. The quickest way to…

A /motif-powered template can have an unlimited number of non-core themes. A non-core theme is any theme in the /themes folder that is not named "core" or "mobilecore". To create a non-core theme, the first thing you need to do is add a new folder to the /themes folder. The…

/motif supports the following DOCTYPEs: XHTML 1.0 Transitional XHTML 1.0 Strict XHTML 1.1 HTML 5 These are available in a drop-down list in the template parameters. The DOCTYPE definition will automatically be loaded in the template based on which DOCTYPE is selected.

CSS files are located in the /css folder in each theme. To add a CSS file to a theme, simply create a CSS file and upload it to the /css folder in your theme. Each file in the theme's /css folder will automatically be loaded in the template. There is…

Javascript files are located in the /js folder in each theme. To add a Javascript file to a theme, simply create a Javascript file and upload it to the /js folder in your theme. Each file in the theme's /js folder will automatically be loaded in the template. There is…

Thereare two PHP files that automatically get loaded in the HEAD tag of the template: beforehead.php and head.php. beforehead.php If beforehead.php exists in the selected (primary) theme or the core theme, it will automatically get loaded in the HEAD tag of your template before Joomla!'s header information gets loaded. head.php…