Adaptivetheme 6.x-1.x

NOTE: There may be changes not included on these pages, such as the theme.css file now being included by default.

Video Tutorials

• Basic Installation Guide
• Setting up the theme settings including the advanced Layout settings, horizonal block and color scheme scheme settings.

The file structure of this theme is somewhat different to your usual Drupal theme.

• Everything is stored in subfolders.
• Preprocess functions are spilt across two files, with themeName_preprocess_hook in template.php and phptemplate_preprocess_hook acting like a process function in template.theme-settings.inc for the processing of the theme settings.

Where do I get the Base Theme

The theme is a project on Drupal.org, you can download it here.

Setting up the Theme:

• Aside from the normal folder and info file information you must rename all of the theme functions inside template.php, the call the hook_theme in template.php (search and replace “adaptivetheme”). See the installation video.
• Create a theme.css file in the css/theme directory - you must use this file for all customs styles protected by the commercial license. Please add the licence text from the theme-css-js-license.txt file (see attachments below)

Setting up Gpanels

Read the info file carefully, you must uncomment one of the Gpanels CSS files (either fixed or fluid width Gpanels) in the info file first AND uncomment the relevant Gpanel regions. Then you copy/paste a Gpanel snippet into page.tpl.php, or node.tpl.php (if so you must make those regions available to nodes).

In the theme.css file there are many Gpanel selectors to style the Gpanels and Gpanel blocks - load the dev.css stylesheet (uncomment in info), it makes firegugging a breeze.

Using LayoutSP, Horizontal Login Block or the Color scheme settings

These are all OFF by default. To use these advanced options you must edit the theme-settings.php and template.php files. Both include a large array of default theme settings, near the bottom of the array you will find options to switch either feature ON. When ON new theme setting will appear on the theme settings page.

See the “Setting up the theme settings” video.

These are OFF and hidden by default because not everyone wants to use these and we should hide the theme settings from users if these features are not being used by the actual theme you are building.

Using the Skinr classes

These are commented out in the info file by default. Uncomment them and clear the them registry. Now enable the Skinr module. When you edit a block or node you will be able to set a width (based on a 16 column 960px grid).

Other module support

The theme also has built in support for Block Classes module, Blocktheme module and the new Admin module which can add a special Admin header to your theme (useful if you choose not to use the built in Administration theme.

When you install Block class module or blocktheme module you can simply start using them with zero configuration required, the theme will output the classes in the block templates automagically.

Licensed CSS files and other theme files - IMPORTANT

You must place all commercially licensed files in the following directories:

Download the file below and read the license text - this text must appear in every CSS and JavaScipt file that is to be protected under the commercial license, so if you add more files than theme.css (you MUST include this file and it should be the main file for all theme styles), add this text to it.

NOTE: If you add more CSS files then you should probably unset them for the admin theme. See template.theme-settings.inc around line 237, there is an array of core styles that are unset for admin, and there is a single unset for the theme.css, however there is also a code block commented out - this is another array with foreach loop, use this and comment out the single call to theme.css and add your extra stylesheets to that array, and of course uncomment the code ;)

Attachments

theme-css-js-license.txt - license information.
structure.css sample CSS file with comments only to help structure your CSS.