Nulla pulvinar est. Integer urna. Pellentesque pulvinar dui a magna. Nulla facilisi. Proin imperdiet.

More Information

In erat. Pellentesque erat. Mauris vehicula vestibulum justo. Cum sociis natoque penatibus et magnis.

More Information

Maecenas lacus pede, lobortis non, rhoncus id, tristique a, mi. Cras auctor libero vitae sem vestibulum.

More Information

Title One

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestib at sem ut ipsum.
  • Praesent quis erat. Nam id turpis sit amet neque cursus luctus.

Title Two

  • Suspendisse mi lorem, porttitor ut, interdum et, lobortis a, lectus.
  • Fusce tellus libero, luctus adipiscing, tincidunt vel, egestas vitae.

Title Three

  • Maecenas varius neque nec libero laoreet faucibus. Phasellus sodales.
  • Nulla facilisi. Nulla iaculis, leo sit amet mollis luctus, sapien eros.
Nulla pulvinar est. Integer urna. Pellentesque pulvinar dui a magna. Nulla facilisi. Proin imperdiet.

More Information

In erat. Pellentesque erat. Mauris vehicula vestibulum justo. Cum sociis natoque penatibus et magnis.

More Information

Maecenas lacus pede, lobortis non, rhoncus id, tristique a, mi. Cras auctor libero vitae sem vestibulum.

More Information

Title One

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestib at sem ut ipsum.
  • Praesent quis erat. Nam id turpis sit amet neque cursus luctus.

Title Two

  • Suspendisse mi lorem, porttitor ut, interdum et, lobortis a, lectus.
  • Fusce tellus libero, luctus adipiscing, tincidunt vel, egestas vitae.

Title Three

  • Maecenas varius neque nec libero laoreet faucibus. Phasellus sodales.
  • Nulla facilisi. Nulla iaculis, leo sit amet mollis luctus, sapien eros.
Nulla pulvinar est. Integer urna. Pellentesque pulvinar dui a magna. Nulla facilisi. Proin imperdiet.

More Information

In erat. Pellentesque erat. Mauris vehicula vestibulum justo. Cum sociis natoque penatibus et magnis.

More Information

Maecenas lacus pede, lobortis non, rhoncus id, tristique a, mi. Cras auctor libero vitae sem vestibulum.

More Information

Title One

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestib at sem ut ipsum.
  • Praesent quis erat. Nam id turpis sit amet neque cursus luctus.

Title Two

  • Suspendisse mi lorem, porttitor ut, interdum et, lobortis a, lectus.
  • Fusce tellus libero, luctus adipiscing, tincidunt vel, egestas vitae.

Title Three

  • Maecenas varius neque nec libero laoreet faucibus. Phasellus sodales.
  • Nulla facilisi. Nulla iaculis, leo sit amet mollis luctus, sapien eros.
Nulla pulvinar est. Integer urna. Pellentesque pulvinar dui a magna. Nulla facilisi. Proin imperdiet.

More Information

In erat. Pellentesque erat. Mauris vehicula vestibulum justo. Cum sociis natoque penatibus et magnis.

More Information

Maecenas lacus pede, lobortis non, rhoncus id, tristique a, mi. Cras auctor libero vitae sem vestibulum.

More Information

Title One

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestib at sem ut ipsum.
  • Praesent quis erat. Nam id turpis sit amet neque cursus luctus.

Title Two

  • Suspendisse mi lorem, porttitor ut, interdum et, lobortis a, lectus.
  • Fusce tellus libero, luctus adipiscing, tincidunt vel, egestas vitae.

Title Three

  • Maecenas varius neque nec libero laoreet faucibus. Phasellus sodales.
  • Nulla facilisi. Nulla iaculis, leo sit amet mollis luctus, sapien eros.

Demo Articles (21)

Monday, 14 May 2012 09:59

RokFeatureTable Module

Written by

RokFeatureTable is a template integrated module that is designed to show tabular data in a stylistic, and easy to present manner. The module is downloadable with the other Omnicron extensions.

Core Features

  • Unlimited Rows
  • Extensive data control
  • Highlight Column Control

 

  • Assign custom classes
  • Custom CSS styles
  • Template specific layouts

Usage Examples

  • Price Comparisons
  • Feature Comparisons
  • Service Matrix

Module Configuration

Edit the module from Admin → Extensions → Module Manager → RokFeatureTable.

  • Module Class Suffix: Appends a class for individual styling - featuretable is used on this demo.
  • Highlight Column: Select which of the columns is highlighted by default.
  • Preset Templates: Load a predefined template layout.
  • Layout Settings: See below

Layout Settings

Select Layout Settings to activate the javascript popup. Here you can have up to 6 column, and an unlimited number of rows. For each row you can define class, subline, link and style.

Forum Tutorial: Setting Up RokFeatureTable Module

Monday, 14 May 2012 09:59

More Frequently Asked Questions

Written by
  • How many Module Suffixes?

There are 23 module variations, with up to 49 style combinations, in conjunction with the structural module class suffixes.

More Details
  • How many Module Positions?

The theme has 68 module positions, all conceived within the 960 Grid System, as controlled by the Gantry Framework.

More Details
  • Which Addons are Styled?

A series of 3rd party extensions have compatibility styling, such as JomSocial and Tienda, for better visual integration.

More Details
  • Is RTL Supported?

Gantry and the template have RTL support, ranging from the automatic inversion of positions to the template menu itself.

More Details
Monday, 14 May 2012 09:58

Fusion Menu

Written by

Fusion Menu is a menu theme of the RokNavMenu extension, the addon that drives all RocketTheme template menus. It is primarily a javascript enhanced CSS dropdown menu, that combines standard suckerfish type functionality with animations, transitions and other advanced effects provided by Mootools.

NOTE: The latest version of RokNavMenu is required, in order for Fusion to operate.

Latest Features

Below is a list of the most recent features added to Fusion Menu:

  • Triple / Quad Column Mode
  • Column Menu Grouping
  • Column Width Control
  • Load Modules inside Dropdowns
  • Load Module Positions inside Dropdowns

Recurring Features

Below is a list of the standard, recurring features of the Fusion Menu:

  • Single Column Mode
  • Dual Column Mode
  • Menu Item Subtext
  • Menu Item Icons
  • Javascript Controls

Editing Menu Items

All Menu Items can be edited from Admin → Menu → Menu NameMenu Item.

Basic Fusion Parameters

Adding Subtext

Subtext Line is the option that allows you to insert additional text to the Menu Item Title. There is separate styling for this, making it useful for adding brief descriptions to menu items.

Adding Menu Icons

Menu Image is the option that allows you to insert an inline icon / image to the Menu Item.

Advanced Fusion Parameters: Columns

Menu Columns

Columns of Child Items allows you to determine how many columns the Fusion dropdowns are presented in. You can have anywhere between a single dropdown to a four column dropdown.

Item Distribution

Item Distribution allows you to control how the menu items are ordered in the dropdowns:

  • Evenly: If there are 7 menu items in 3 columns, Fusion will allocate a 3,2,2 distribution - trying to equalize each dropdown.
  • Order: If there are 7 menu items in 3 columns, Fusion will allocate a 3,3,1 distribution - maintaining the item ordering.

NOTE: If your Columns of Child Items setting is configured to be 2 or more columns, you will need to manually set the column widths and distribution, as outlined below. The default is 180px which is too small for multiple columns.

Drop-Down Width (px)

Drop-Down Width (px) determines the total width of the dropdown, regardless of how many columns are shown. This option is to be used in conjunction with Column Widths (px)

Column Widths (px)

Column Widths (px) determines the width of each Column. Separate each width by a comma. The final column's width is determined automatically. This option is to be used in conjunction with Drop-Down Width (px)

Below are some example configurations:

  • Drop-Down Width: 480px: 160,160. Fusion automatically calculates the final width as 160, so in practise, 160,160,160 is the actual distribution.
  • Drop-Down Width: 600px: 160,160. Fusion automatically calculates the final width as 280, so in practise, 160,160,280 is the actual distribution.

Advanced Fusion Parameters: Groupings

What is Grouping?

Group Child Items changes the behaviour of child items in the dropdown menus, instead of creating a dropdown for the immediate sublevel, this option places them inline. See below for an illustrated example of the differences:

Configuration

NOTE: Grouping cannot be applied to root items, only child items.

Set Group Child Items to Yes to activate the mode. The sublevels well then appear below the parent menu item in a categorical type structure.

Advanced Fusion Parameters: Modules

Fusion is now capable of loading individual modules or entire module positions inside its dropdowns.

Loading Individual Modules

Set Child Item Type to Modules to load all modules setup on your Joomla site in a list. Select the module you wish to display in the dropdown.

Loading Module Positions

Set Child Item Type to Modules Positions to load all module positions on your Joomla site in a list. Select the position you wish to display in the dropdown.

Below is an example of multiple modules appearing in a dropdown:

Template Configuration: Fusion Menu

Go to Extensions → Template Manager → rt_omnicron_j15 → Menu Set Menu Control to Type : Fusion-Menu, to load all the Fusion parameters.

Monday, 14 May 2012 09:58

Third Party Compatibility Styling

Written by

Compatibility styling constitutes basic CSS alterations to better integrate the extensions with the template, rather than full theme integration. Example extensions: K2, Tienda, Virtuemart and JomSocial.

Note: All the extensions below and their peripheries will not be included in the RocketLauncher package. You will need to download and install separately.

Control Third Party Styling

Enabled or Disable from Admin → Extensions → Template Manager → rt_omnicron_j15 → Advanced → Third Party Styling. Disable if you are not using any of the extensions for performance purposes.

All styling is located in the /templates/rt_omnicron_j15/css/extended.css file, so any customizations you wish to make, edit the contents of that CSS file.
Monday, 14 May 2012 09:57

Frequently Asked Questions

Written by
  • What is RokFeatureTable?

RokFeatureTable is designed to show tabular data, offering a user friendly interface and integrated styling.

More Details
  • What is Fusion with MegaMenu?

MegaMenu describes a series of advanced features, such as grouped items and inline modules, to the Fusion dropdown menu.

More Details
  • What are the CSS 3 Features?

Border radiuses for rounded corners, color transitions on hover, box shadows and CSS rotation are all included.

More Details
  • What is the Gantry Framework?

Gantry is an advanced framework that powers our latest templates, offering an excellent foundation, full of features.

More Details
Monday, 14 May 2012 09:29

Child Item

Written by

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna, id faucibus lectus erat ut pede. Maecenas varius neque nec libero laoreet faucibus. Phasellus sodales, lectus sed vulputate rutrum, ipsum nulla lacinia magna, sed imperdiet ligula nisi eu ipsum. Donec nunc magna, posuere eget, aliquam in, vulputate in, lacus. Sed venenatis. Donec nec dolor vitae mauris dapibus ullamcorper. Etiam iaculis mollis tortor.

In erat. Pellentesque erat. Mauris vehicula vestibulum justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla pulvinar est. Integer urna. Pellentesque pulvinar dui a magna. Nulla facilisi. Proin imperdiet. Aliquam ornare, metus vitae gravida dignissim, nisi nisl ultricies felis, ac tristique enim pede eget elit. Integer non erat nec turpis sollicitudin malesuada. Vestibulum dapibus. Nulla facilisi. Nulla iaculis, leo sit amet mollis luctus, sapien eros consectetur dolor, eu faucibus elit nibh eu nibh. Maecenas lacus pede, lobortis non, rhoncus id, tristique a, mi. Cras auctor libero vitae sem vestibulum euismod. Nunc fermentum.

Mauris lobortis. Aliquam lacinia purus. Pellentesque magna. Mauris euismod metus nec tortor. Phasellus elementum, quam a euismod imperdiet, ligula felis faucibus enim, eu malesuada nunc felis sed turpis. Morbi convallis luctus tortor. Integer bibendum lacinia velit. Suspendisse mi lorem, porttitor ut, interdum et, lobortis a, lectus. Phasellus vitae est at massa luctus iaculis. In tincidunt.

Integer fermentum elit in tellus. Integer ligula ipsum, gravida aliquet, fringilla non, interdum eget, ipsum. Praesent id dolor non erat viverra volutpat. Fusce tellus libero, luctus adipiscing, tincidunt vel, egestas vitae, eros. Vestibulum mollis, est id rhoncus volutpat, dolor velit tincidunt neque, vitae pellentesque ante sem eu nisl. Donec facilisis, magna eget elementum pellentesque, augue arcu aliquet eros, eget convallis mauris ante quis magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean et libero. Nam aliquam. Quisque vitae tortor id neque dignissim laoreet. Duis eu ante. Integer at sapien. Praesent sed nisl tempor est pulvinar tristique. Maecenas non lorem quis mi laoreet adipiscing. Sed ac arcu. Sed tincidunt libero eu dolor. Cras pharetra posuere eros. Donec ac eros id diam tempor faucibus. Fusce feugiat consequat nulla. Vestibulum tincidunt vulputate ipsum.

Nullam eget neque. Nullam imperdiet venenatis ligula. Integer a leo. Nunc consectetur. Maecenas sem. Proin vulputate, massa vel volutpat laoreet, purus erat pretium ligula, eget varius arcu nibh sed libero. Fusce ante. Nullam interdum aliquet metus. Ut ultrices vestibulum tellus. Praesent quis erat. Nam id turpis sit amet neque cursus luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque id tortor. In vitae sapien. Nunc quis tellus.

Monday, 14 May 2012 09:29

Preset Styles

Written by

Omnicron has 9 preset styles / style variations. See the links below for guides on customizing/configuring styles.

View all styles live by appending ?presets=preset# or &presets=preset# to the end of your URL such as http://yoursite.com/index.php?presets=preset4.

In sequential order, Preset 1 - Preset 9. Please click on the image to load a live example of each style variation.


Article Details Layouts

The template has 3 layout styles for the Article Details, the block of information and tools concerning the content item such as Author.

Monday, 14 May 2012 09:28

Using Typography

Written by
If you are using the TinyMCE editor, go to Extensions → Plugin Manager → TinyMCE 2.0 → Set Code Clean-up on Save to Never.

Typography - RokCandy

View all RokCandy typography at the RokCandy Examples page

In this example, we will use the Attention Span Style - Syntax: [div class="attention" class2="typo-icon"]...[/div] syntax.

  • Go to Content → Article Manager → Select an Article.
  • Insert [div class="attention" class2="typo-icon"] .... some content .... [/div]
  • Save

Typography - HTML

View all HTML typography at the HTML Examples page

In this example, we will use the Attention Span Style - Syntax: <div class="attention"><div class="typo-icon">...</div></div> syntax.

Content Editor

  • Go to Content → Article Manager → Select an Article; or Extensions → Module Manager → A Module, for a custom module.
  • Click the HTML mode or equivalent in your editor
  • Insert <div class="attention"><div class="typo-icon"> ... some content ... </div></div>
  • Save

No Editor

  • Go to Content → Article Manager → Select an Article; or Extensions → Module Manager → A Module, for a custom module.
  • Click the HTML mode or equivalent in your editor
  • Insert <div class="attention"><div class="typo-icon"> ... some content ... </div></div>
  • Save
Note, with the Content Editor (WYSIWYG) enabled, you need to enter HTML mode.
Monday, 14 May 2012 09:28

Logo Editing

Written by
Gantry sets the dimensions of the logo, so CSS modification is unnecessary.

Logo Editing Requirements

  • Adobe® Fireworks: CS5 is preferred, but CS3/4 will be sufficient.
  • Logo Font: Download and install before proceeding to edit in Fireworks.
  • Source File: Download the logo-source.png file from the rt_omnicron_j15-sources.zip package.

Step 1 - Open the File

  • Open the logo-source.png file in Adobe® Fireworks.
  • Focus on the right column, titled Layers. Select the Web layers directory and click the eye icon to the left of the logo slice (the green object). This will make the slice invisible so you can edit the file.

Step 2 - Text/Slogan/Icon Editing

  • Double click on the logo text. Now you can edit the text of logo to your choosing.
  • Now, select the icon and disable/edit it as you wish.

Step 3 - Slice Modification

  • Reactivate the Slice in the Web Layers column, this will place a green rectangle over the logo image. Change the size of the slice (or move it) to match the new size if applicable.

Step 4 - Export

  • Now you will want to export the logo. Right click on the image slice and select Exported Selected Slices... from the contextual menu. Proceed to export it to your computer for uploading.

Step 5 - Multiple Frames/States

  • If there are multiple logos for a template, they are located in Frames or States within Fireworks.

Step 6 - Uploading

  • Upload logo.png to the /templates/rt_omnicron_15/images/logo/*style*/ directory
  • Clear your browser cache and refresh your site.
If you cannot see your new logo, ensure you have uploaded it to the right directory and that the directory permissions are writeable. Enquire with your hosting provider.
Monday, 14 May 2012 09:27

Menu Options

Written by
Please ensure you are using the latest version of RokNavMenu, available here.

Menu Types

  • Fusion Menu
    A Mootools enhanced CSS dropdown menu, with multi-columns, icons, inline modules and more.
  • SplitMenu
    A static two level menu placing parents items in the header area, and child items in the sidebar.
  • No Menu
    An option to disable the menu, allowing for normal module use of the navigation position.
Fusion is inoperable in IE6, and will automatically switch to Suckerfish.

Configuration

Go to Extensions → Template Manager → rt_omnicron_j15 → Menu Control to find all the parameters for Fusion Menu and Splitmenu, such as transitions, duration and sublevel position.

Descriptions of each template parameter can be seen when you mouseover the label of each option.

Fusion Menu with Mega Menu

Fusion Menu is a menu theme of the RokNavMenu extension, the addon that drives all RocketTheme template menus. It is primarily a javascript enhanced CSS dropdown menu, that combines standard suckerfish type functionality with animations, transitions and other advanced effects provided by Mootools.

NOTE: The latest version of RokNavMenu is required, in order for Fusion to operate.

Latest Features

Below is a list of the most recent features added to Fusion Menu:

  • Triple / Quad Column Mode
  • Column Menu Grouping
  • Column Width Control
  • Load Modules inside Dropdowns
  • Load Module Positions inside Dropdowns

Recurring Features

Below is a list of the standard, recurring features of the Fusion Menu:

  • Single Column Mode
  • Dual Column Mode
  • Menu Item Subtext
  • Menu Item Icons
  • Javascript Controls

Documentation: Fusion Menu


Splitmenu

A static menu system that displays submenu items outside of the main horizontal menu and the 2nd level items in the Sidebar.

Template Configuration: Splitmenu

Go to Extensions → Template Manager → rt_omnicron_j15 → Menu Set Menu Control to Type : Split-Menu, to load all the Splitmenu parameters.

Menu Item Parameters: Subtext

Subtext Line is the option that allows you to insert additional text to the Menu Item Title. There is separate styling for this, making it useful for adding brief descriptions to menu items.

Code Modification: Remove the Menu in the Title

Open /templates/rt_omnicron_j15/html/modules.php and change:

<?php echo $menu_title_item->name.' '.JText::_('Menu'); ?>

To

<?php echo $menu_title_item->name; ?>

How to create Child / Sublevel menu items

Go to Admin → Menu → A MenuA Menu Item → Select a Parent Item, and it will appear as a child of it.

Page 1 of 2

Who's Online

We have one guest and no members online

System Requirements

The following are required for Omnicron to operate fully:

  • Joomla 1.5.x (latest version)
  • Gantry v3.0.10 or higher
  • PHP 5.2 or higher
  • RokNavMenu Module

Video: Gantry

CSS3 Template Features

Omnicron is a CSS 3 template with graceful degradation. Firefox 3.6+, Safari 5+, Opera 10+, Chrome 3+ and experimentally with IE9, support CSS3.

  • Box Shadows: shadows for blocks
  • Text Shadows: shadows for text items
  • Border Radius: rounded corners for blocks
  • Color Crossfading: color transition on hover
  • CSS3 Animation: RokTabs and DropDown Menu Arrow rotation

Service Updates

OFFLINE: 31.08.10 @ 12:31 EST. Sharing hosting servers are currently disabled due to a backup error. http://bit.ly/bWZUiKq
RESTORED: 29.08.10 @ 18:53 EST. Email has been restored. All received messages are now synced. http://bit.ly/cWXUiFt
OFFLINE: 28.08.10 @ 23:14 EST. Our email system is down. Backup servers are trapping all sent emails. http://bit.ly/wQDSpKl

Our Partners