image
Preset Styles A selection of unique and stunning style variations.
image
Styled Addons Integrated styling for many RokExtensions.
image
Typography Streamlined and fresh content style elements.
image
New Layout The new Showcase Tabs layout for RokStories.
  • Design

    image

    Unique Style Variations

    Nebulae, the May 2011 release, combines visual sophistication with functionality and power. The template offers a range of unique and stunning style variations, with distinct colour schemes complimenting their detailed and beautiful background counterparts.

    image

    Fresh & Refined Typography

    All the standard typography has been recoded and restyled for the May template release. The new set takes advantage of CSS 3 techniques, resulting in less code and greater performance, as well as providing an assortment of visually modern, and clean custom content elements.

  • Framework

    image

    Gantry Framework

    The Gantry Framework is the foundation of all the features and functionality in the template. It is a cross-platform instrument, which extends well beyond the core abilities of Joomla and its templating structure, and as an external bundle, it increases the ease of adding new abilities.

    image

    Template Interface

    The most notable feature of Gantry, is the advanced and intuitve administrator interface for controlling the template. It allows for extensive control over all aspects of the template, such as module width distribution, and can be managed on a per-menu-item basis.

  • Modules

    image

    New RokStories Layout

    Accompanying the template release, is a new version of RokStories with a new layout option, Showcase Tabs. This is demoed above, and places the content title, a label, and an automatically generated thumbnail in the tabs, whilst displaying the main image full width.

    image

    Styled RokContentRotator

    RokContentRotator makes a return with template specific styling for the Nebulae template. The module is perfect for displaying content items in a dynamic fashion, using the vertically stacked tab items. The module is styled for multiple positions and module suffixes.

  • Guides

    image

    Installation Instructions

    The template, the Gantry Framework, and all used modules, components or plugins are available in the RocketTheme downloader. There are two template packages, a standalone and a bundle build. Use the Bundle if Gantry has not already been installed, and vice versa.

    image

    Logo Customization

    Sources are provided, inclusive of fonts, in the download for Nebulae. You will need Adobe® Fireworks CS3 or later, in order to take full advantage of the editable and layered source PNGs that we offer. Instructions on how to modify the logo are provided in the tutorial section.

  • Menus

    image

    Fusion with MegaMenu

    Fusion Menu is primarily a javascript enhanced CSS dropdown menu, that combines standard suckerfish type functionality with animations, transitions and other advanced effects provided by Mootools; in addition to other MegaMenu features such as multiple columns.

    image

    Versatile Splitmenu

    Splitmenu is a static menu system that displays 1st level items in the main horizontal menu and all subsequent child menu items in the Sidebar. This location, and other parameters pertaining to SplitMenu, are configurable in the Gantry Template Manager.

More More
image image image image image image image image

Scrolling Modules

Scrolling Positions is a feature of Gantry, which, when activated, modifies the behaviour of stacked modules. Instead of appearing vertically, the additional modules assigned to a given position become accessible via a javascript transition button, in this case: "More".

The Content Top and Content Bottom position rows have this feature.

Hidden Component

In this demo, we have disabled the frontpage component from displaying, therefore, only modules will appear. This is achievable via a setting in Admin → Extensions → Template Manager → rt_nebulae_j15 → Advanced Disable Component : On/Off.

Additionally, you can disable the entire mainbody area with the Disable Mainbody setting.

Frontpage Item

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.

Read more: Frontpage Item

Child Item

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.

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.

Preset Styles

Access the Style Control settings from Admin → Extensions → Template Manager → rt_nebulae_j15 → Settings.

Simple configure the options, then save and Gantry will automatically load the modified preset to your site.

  • Background Level: Low, Med or High
  • CSS Style: Style 1-8
  • Read More Style: Button, Noarrow, Small, and Link
  • Web Fonts: On - Off; Google Font Directory
  • Font Settings:
    • Font Family: Nebulae, Geneva, Optima, Helvetica, Trebuchet, Lucida, Georgia, Palatino, or Various Google Fonts (dropdown)
    • Font Size: Default, Extra Large, Large, Small, Extra Small (dropdown)

Assigning a Style to a Specific Page

Image

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_nebulae_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
Gantry Framework: Per Menu Item Controls

Logo Editing

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


Step 1 - Open the File

  • Open the logo-source.png file in Adobe® Fireworks.

Logo

  • 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.

Logo

Logo

  • Now, select and disable the icon if necessary. Or replace with an alternative vector.

Logo

Logo


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.

Logo


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.

Logo


Step 5 - Multiple Frames/States

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

Logo Logo

Insert basic modules into RokTab's content using the core Joomla, Load Module Position plugin, which uses the {loadposition name} syntax.

Login Form



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

image

22 Module Class Suffixes

An array of 22 suffixes are provided, 15 of which are for stylistic purposes, and the remaining 7 being for structural changes. Additionally, suffixes can be combined such as using both title/box styles and/or with structural suffixes.

Read More
image

Easy Logo Customization

Images sources are available, in addition to any fonts, from the Nebulae download area. Adobe® Fireworks CS3 or later is required, in order to take full advantage of our editable and layered PNG source files.

Read More
image

RocketLauncher Package

Replicate the demo with ease with the RocketLauncher package, a full Joomla install, including the template, extensions and the sample data used on the demo. The Launcher is the perfect tool to understand the basics of the template.

Read More

Community News

Fusion with MegaMenu

Fusion with MegaMenu
Fusion Menu is primarily a javascript enhanced CSS dropdown menu, that...

New Typography

New Typography
All the standard typography has been recoded and restyled for the May template...
  • 1
  • 2