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_hybrid_j15-sources.zip package.

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

• Double click on the logo text. Now you can edit the text of logo to your choosing.

• Now, select the slogan text and edit.

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

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

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

• Upload logo#.png to the /templates/rt_hybrid_15/images/logo/*style*/ directory
• Clear your browser cache and refresh your site.

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

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

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

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.

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.

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.

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.

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

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.

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.

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

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_hybrid_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_hybrid_j15/html/modules.php and change:

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

To

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

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