Chromatophore Template

The incredible new Chromatophore template features the amazing ability to adapt itself to any color combination you desire, without the need to use an image editor. Chromatophore is completely CSS color controlled, offering you the most flexibility and the easiest customization, allowing you to change the colors of your entire site on the fly in seconds.

Chromatophore also comes bundled with a versatile 20 module positions, impressive dynamic javascript module functionality, an assortment of module variations, and a whole slew of preset font configurations.

Overview

An overview of the key features of this template are as follows:

• NEW MooRainbow powered Color Chooser system!
• Optional IE6 Warning / Upgrade Notification
• The immensely popular RokSlide based tabbed module system
• 20 fully collapsible Module Positions
• Variety of module variations
• Ability to utilise 1, 2, and 3 column layouts
• 3 built-in menu options - The exclusive RokMooMenu menu system, Suckerfish, SplitMenu, as well as a module position to use your own custom menu module (Module)
• RokZoom Integration - custom slimbox variant built from the ground-up with cool zoom effect and a brand new look
• Built-in IE6 PNG fix
• W3C XHTML 1.0 Transitional. W3C CSS Valid
• Fully compatible IE7, Safari 2, Firefox 1.5+, Opera 9, OmniWeb, Shira, Netscape.(Due the advanced web techniques used in Chromatophore, Internet Explorer 6 support is limited. The template is compatible with IE6 and will function properly, however some of the graphics and visual effects have been reduced.)
• Source Adobe Fireworks PNGs included

Color and Style variations:

Chromatophore features an amazing new dynamic Color Chooser system allowing you to customize and change the color scheme of the template on the fly in real time. Also included are several color style presets and overlays to get your started. Some of the available presets are featured below:

Demo

Please check out Chromatophore on our demo server

The New MooRainbow powered Color Chooser

Chromatophore has a spectacular new feature, the mootools controlled color chooser. With this feature, you can change almost everything in the template, in respects to its color within seconds. Just click the dropdown at the top and experiment with the options.

RokSlide Powered Tabbed Modules Return

Harnessing the power and functionality of the popular RokSlide module, Chromatophore offers the ability to present your modules in sliding tabs. Publish multiple modules into to a single tab module position as well as customize the titles that appear in each tab.

Organize large amounts of information in easy to navigate tabbed panes and reduce the clutter and space needed to display your content. By default, Advert 1-5 module positions appear in the bottom tabbed module pane. You can also add more module positions if needed.

The Exclusive RokMooMenu

Our highly popular exclusive menu is called RokMooMenu. This menu has been developed from scratch using the latest and greatest MooTools JavaScript framework. The RokMooMenu is a highly advanced and fully customizable menu system is accessible and degrades to a standard SuckerFish menu if JavaScript is not enabled or supported. Some of the great features include:

• Hover support for IE6 using the sfHover javascript class just like in Suckerfish.
• Fully degradable to standard SuckerFish menu if javascript is not supported.
• Configurable mouse-out delay to allow for accidental mousing out of the menu.
• Completely customizable animation effects using MooTools transitions. Can be configured in X and/or Y directions.
• Support for fade-in transparency
• Experimental support for IE6 z-index bug using the iFrame hack.

Learn more about RokMooMenu on the Menu Options Demo Page.

Menu Information

The exclusive RocketTheme menu systems in this template use the mainmenu by default and this menu is configured in the admin administator. For these to function correctly, understand that the ‘top level’ menu items will show up as the horizontal buttons across the top of the template. For sub menu items, assign Parent Item to these top menus to the top-level item. These will then show up below in a sub-horizontal menu when you click on a top-level item. For an example of this check out the demo server

For more details on the menu configuration options in Chromatophore, check out the instructions on the demo site

Installation Instructions

We’ve created a guide that covers how to set up your new Chromatophore template on your Joomla site. Full details on how to install and setup the template can be found on the “demo serverm.

Module positions are summarized in the diagram below:

NOTES:

1. This template fully supports full width configurations for use with galleries or forums, make sure you do not publish any modules in the side module positions ‘mainbody’ will fill the entire width.