Primary Color:
Primary Text:
Secondary Color:
Secondary Text:
Tertiary Color:
Tertiary Text:
Color Picker
Preview
FeaturesTypographyTutorials
Module Title
Home
Module Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut non turpis a nisi pretium rutrum. Nullam congue, lectus a aliquam pretium, sem urna tempus justo, malesuada consequat nunc diam vel justo. In faucibus elit at purus. Suspendisse dapibus lorem. Curabitur luctus mauris.

Module Title
Module Title
Instructions

Select a predefined style from via the drop-down or choose your own colors via the handy mooRainbow based color-chooser. When you are satisfied with your selection, click the "Apply Colors" button below to store your selection in a cookie.

Apply Colors
Color Chooser
  • English
  • Nederlands
Chromatophore Basic Customisation

A guide to the basic Chromatophore customisation options that can be configured in the template "index.php" file with a description of each of the available options and how they affect the presentation of the template.

Chromatophore features several built in configuration options that have been designed to be easily changed with a single control. You can take advantage of these customisation options by making changes in the Chromatophore "index.php" file. Here is a breakdown of the available options:

$default_style      = "Warm Vintage:overlay-stripes-vert,#342f29,#dbd6c5,#8f4721,
#ebd8c7,#587265,#dff0e9"; $enable_colorchooser = "true"; // true | false $enable_ie6warn = "true"; // true | false $enable_rokzoom = "true"; // true | false $font_family = "helvetica"; // synapse |geneva | optima | helvetica | trebuchet lucida | georgia | palatino $template_width = "962"; // width in px $leftcolumn_width = "220"; // width in px $rightcolumn_width = "220"; // width in px $splitmenu_col = "rightcol"; // leftcol | rightcol $menu_name = "mainmenu"; // mainmenu by default, $menu_type = "moomenu"; // moomenu | suckerfish | splitmenu $default_font = "default"; // smaller | default | larger $show_pathway = "false"; // true | false $show_moduleslider = "true"; // true | false // module slider configuration $max_mods_per_row = 3; // maximum number of modules per row (adjust the height if this wraps) $modules_list = array(array("title"=>"Group 1", "module"=>"advert1"), array("title"=>"Group 2", "module"=>"advert2"), array("title"=>"Group 3", "module"=>"advert3"), array("title"=>"Group 4", "module"=>"advert4"), array("title"=>"Group 5", "module"=>"advert5"));

Color Chooser

You can choose to show the color chooser palette for you and your visitors.
$enable_colorchooser = "true";
// true | false 

IE6 Warning

Warn your visitors using Internet Explorer 6 to upgrade to a more secure version with this toggle.
$enable_ie6warn = "true"; 
// true | false

Font Family

You can choose which font you would like to use for your titles.
$font_family= "geneva";    
 // geneva|optima|helvetica| 
trebuchet|lucida|georgia|palatino

Template Width

With the following setting, you can choose the width of the template.
$template_width= "962";	   
// width in px

LeftColumn Width

With the following setting, you can choose the width of the left column.
$leftcolumn_width= "220";	   
// width in px

RightColumn Width

With the following setting, you can choose the width of the right column.
$rightcolumn_width= "220";	   
// width in px

Splitmenu Location

With this setting, choose to have the sidebar placed on the left or right of the mainbody. The name of the module positions changes to reflect left or right.
$splitmenu_col = "rightcol";
// leftcol | rightcol

Default Font

Based on your own personal preference, you can set the default font size with this setting below.

$default_font ="default";   
// smaller | default | larger

Show Pathway

This setting controls whether the pathway appears on your site.
$show_pathway= "false";  
// true | false

Module Slider

There is now a convenient toggle to show the tabbed modules or not.
$show_moduleslider = "true"; 
// true | false

Module List

With the setting illustrated below, you can control the aspects of the integrated rokslide feature to a great extent. You can control the tab title and also the module position which appears in each of the tabs.

In the code snippet, we have 5 lines, each line controls a single tab. Each line is segregated into 2 distinct parts. These are "title"=>"Tab Title", which controls the Tab Title. The second part is "module"=>"Module Position"),
$modules_list = array(array("title"=>"Group 1 Title", "module"=>"advert1"),

array("title"=>"Group 2 Title", "module"=>"advert2"),

array("title"=>"Group 3 Title", "module"=>"advert3"),

array("title"=>"Group 4 Title", "module"=>"advert4"),

array("title"=>"Group 5 Title", "module"=>"advert5"));
 

Default Style

With Chromatophore, we provide a series of preset configurations for the color chooser which you and your visitors can select from. However, if you wish to set these yourself, the process is simple. Read More...

RokZoom Enabled

RokZoom, a powerful and presentationally excellent script can sometimes come into conflict with other javascript libraries, you can disable it with the following settings.
$enable_rokzoom = "true"; 
// true | false

Template Width

You have the ability to select, with ease, the width of the template. The setting below is what you edit to either reduce or increase templates width.
$template_width = "962"; 
// width in px 

Menu Name

The following parameter controls which Joomla! menu is loaded for the horizontal navigation bar. Therefore, you can use a custom menu instead of a default menu such as "tab-menu" or use another default menu such as "topmenu".
$menu_name ="mainmenu";  
// mainmenu by default

Menu Type

chromatophore has 4 options for the horizontal navigation bar. You can either, select moomenu, the latest menu addition; suckerfish, the basic vertical dropdown menu; splitmenu, the popular classic or have the area as a separate module position.
$menu_type = "moomenu"; 
// moomenu | suckerfish 
splitmenu | module

Module Count

The module configuration variable below controls how many consecutive modules you can have for a position.
$max_mods_per_row = 3; 
// max number of modules
   per row (if wraps, 
    adjust height)

Information

Our contact details:

Studio Pijlman / Atol Solutions