“The incredible new Color Chooser, offers
an Infinite number of stylistic possibilities.”

The most noticeable feature of Crystalline is its Color Chooser, an interactive popup that controls all style elements in the theme, such as the link color or the overlay style. Simply activate the Color Chooser and experiment!

Activate the Color Chooser by selecting the button displayed in the header above.

The Color Chooser allows you to edit background, text and link colors, as well as overlay/graphic patterns on the fly from a sophisticated popup. These can then be saved and used in the Gantry Administrative Interface.

More Information

A series of descriptive tutorials and guides
on using and configuring the March template.

Learn about various aspects of the theme such as Installation instructions, or guides on how to edit and customize the logo from the Tutorials area of the demo. Reading the information is recommended before use.

Learn More

The Gantry Framework v2 rests at the
theme's core, adding versatility and flexibility.

An extensive and intuitive administrative interface, as well as the 960 grid layout system, on top of a plethora of other powerful and useful features, make the Gantry Framework a truly flexible foundation for any theme.

Includes stylistically integrated extensions such as RokTabs and RokAjaxSearch

The use of extensions with Joomla is as instinctual as using a template, therefore, Crystalline offers prebuilt styling for some of our popular RocketTheme extensions such as RokTabs.

More Details

Style Module Variations tied into the Color Chooser, as well as structural suffixes.

Included are 14 module class suffixes / variations which provide independent modular styling, ranging from styled suffixes such as bg1-5 and title1-5, to structural suffixes such as basic and flush.

Preview Variations

Architecture
Design
Content
Security
Extensions
Multimedia

Splitmenu, a Versatile and Functional menu.
A traditional, separated 1st and 2nd tier menu system.

Style Control

Sunday, 21 February 2010 14:09 Written by Eric Bristley

Crystalline has a frontend Color Chooser feature, which is linked to the Gantry administrator options outlined below. For more details on how this operates, please view the Color Chooser page.

The system allows you to quickly and effortlessly customise a preset to your liking, editing options to meet your requirements such as Font Settings.

Control the Preset Settings via the template manager here: Extensions → Template Manager → rt_crystalline_j15 → Presets

After adjusting the parameters and on selection of a preset style, the administrator automatically updates the settings to match that particular style.

Gantry Framework : Learn more

Available Settings/Options

The options are as follows, and the areas that they control are indicative in their name:

Main Background: Hex input field / Mootools color wheel
Main Shadow: Light, Dark, None
Main Overlay: Bark, Blocks, Burlap, Carbon, Circles, Cracked, Digital, Elegant 1-4, Gatorskin, Grunge 1-6, Isometric, Lines 1-5, Overlapping Targets, Paper, Perforation, Plusses 1-2, Spirals 1-2, Square Waves, Tape Worm, Triangle, Weave, Wood 1-4 & None - 39 Options
Main Text: Hex input field / Mootools color wheel
Main Link: Hex input field / Mootools color wheel
Header Background: Hex input field / Mootools color wheel
Header Shadow: Light, Dark, None
Header Overlay: Bark, Blocks, Burlap, Carbon, Circles, Cracked, Digital, Elegant 1-4, Gatorskin, Grunge 1-6, Isometric, Lines 1-5, Overlapping Targets, Paper, Perforation, Plusses 1-2, Spirals 1-2, Square Waves, Tape Worm, Triangle, Weave, Wood 1-4 & None - 39 Options
Header Graphic: Header 1-9, None
Header Text: Hex input field / Mootools color wheel
Header Link: Hex input field / Mootools color wheel
Feature Background: Hex input field / Mootools color wheel
Feature Shadow: Light, Dark, None
Feature Overlay: Bark, Blocks, Burlap, Carbon, Circles, Cracked, Digital, Elegant 1-4, Gatorskin, Grunge 1-6, Isometric, Lines 1-5, Overlapping Targets, Paper, Perforation, Plusses 1-2, Spirals 1-2, Square Waves, Tape Worm, Triangle, Weave, Wood 1-4 & None - 39 Options
Feature Text: Hex input field / Mootools color wheel
Feature Link: Hex input field / Mootools color wheel
Body Background: Hex input field / Mootools color wheel
Body Shadow: Light, Dark, None
Body Overlay: Bark, Blocks, Burlap, Carbon, Circles, Cracked, Digital, Elegant 1-4, Gatorskin, Grunge 1-6, Isometric, Lines 1-5, Overlapping Targets, Paper, Perforation, Plusses 1-2, Spirals 1-2, Square Waves, Tape Worm, Triangle, Weave, Wood 1-4 & None - 39 Options
Body Text: Hex input field / Mootools color wheel
Body Link: Hex input field / Mootools color wheel
Bottom Background: Hex input field / Mootools color wheel
Bottom Shadow: Light, Dark, None
Bottom Overlay: Bark, Blocks, Burlap, Carbon, Circles, Cracked, Digital, Elegant 1-4, Gatorskin, Grunge 1-6, Isometric, Lines 1-5, Overlapping Targets, Paper, Perforation, Plusses 1-2, Spirals 1-2, Square Waves, Tape Worm, Triangle, Weave, Wood 1-4 & None - 39 Options
Bottom Text: Hex input field / Mootools color wheel
Bottom Link: Hex input field / Mootools color wheel
Font Settings:
- Font Family: Geneva, Optima, Helvetica, Trebuchet, Lucida, Georgia, Palatino (dropdown)
- Font Size: Default, Extra Large, Large, Small, Extra Small (dropdown)

Other style option(s) worthy of note

Sidebar Class SFX: Insert the name of the suffix you wish for the Splitmenu sidebar to inherit Menu Section - (text field)

Note: Gantry 2.0 offers the ability to configure almost all of the available parameters, on a per menu item basis. For example, you can assign preset2 to one page and preset4 to another, all within the Gantry administrator.

Creating your own Preset Styles

Gantry 2.0 offers an interface for creating your own custom presets via the template administrator. With Gantry 2.0, you do not need to edit the presets (or add your own) in the gantry.config.php file - although, it is still possible if you wish to do so.

Simply go to Extensions → Template Manager → rt_crystalline_j15 → Settings, configure the options to fit your purposes, then click the Save Custom Presets as New button in the Presets tab. Follow the naming procedure on the popup then the custom preset will appear in Presets Showcase.

Quick and Simple!

The Crystalline template has a plethora of configuration options available, many more beyond these Style Controls, simply go to Extensions → Template Manager → rt_crystalline_j15 and hover over the options for tips with descriptions to appear.

Assigning a Style to a Specific Page

With Gantry, the ability to assign a certain style to an individual page has never been easier and/or more efficient. Just follow these simple steps:

Go to Extensions → Template Manager → rt_crystalline_j15
Select the Menu Items tab - located in the right column of the page in the orange box
Choose a menu item you wish to assign a different style to
Select your preset of choice from the Presets → Style Presets parameter area
Configure the Settings area to your personal preferences
Save

Site Navigation

About Us

We are a web design service using Web 2.0 technologies to coordinate visual, textual, and other media to communicate you message to your audience, clearly and easily. Specializing in sites for non-profit organizations and Christian churches, we can handle a wide range of web site services.

Member Survey

Favorite Social Network

Style Control

Available Settings/Options

Creating your own Preset Styles

Assigning a Style to a Specific Page

Site Navigation

About Us

Member Survey

Who's Online

Site Information

XHTML/CSS3 Valid