Written Tutorials

• Installation
• Menu Setup
• Logo Editing
• Using Typography

Video Tutorials

• Template Installation Video
• Menu Setup Video
• Using Typography Video

Template Configuration

To configure the template, go to Extensions → Template Manager → rt_grunge_j15. There you will find a list of all the template parameters. You can control many aspects of the template here. If you mouseover the labels/names of each parameter, a description will appear via tooltip to outline what each parameter does.

IE6 PNG Fix

The template has an integrated PNG fix for IE6 that allows transparent PNG32 images to show, as intended, in the IE6 browser. All you need to do is add class="png" to the element such as the change in the following example:-

<img src="images/sample1.png" alt="sample" />

Change to

<img src="images/sample1.png" alt="sample" class="png" />

This guide covers the basics of installing a template.

Downloading the necessary files

To install the template, you will need one of the following files:

• Grunge Template (Standalone) rt_grunge_j15.tgz - This is the standalone template file that you use to install into Joomla.
• Grunge Template (Bundle) rt_grunge_j15-bundle.tar.gz - This is the bundle package, containing the template and Gantry library files, that you use to install into Joomla.

There are other files that you may wish to download that accompany the release, but are not required for the template to work.

• Grunge Source PNG(s) rt_grunge_j15-sources.zip - This contains all the Adobe® Fireworks PNG source files for the template, and if applicable, the logo font.

Step 1 - Using the Joomla installer

• Login into the Joomla administrator (http://yoursite.com/administrator)
• Go to Extensions → Install/Uninstall
• Select the browse button and find rt_grunge_j15.tgz or rt_grunge_j15-bundle.tar.gz
• Click Upload & Install

The template is now installed.

Step 2 - Making Grunge Default

• Login into the Joomla administrator (http://yoursite.com/administrator)
• Go to Extensions → Template Manager
• Find rt_grunge_j15
• Select the radio icon to its left
• Click Default in the top right button menu

The template is now default and will appear as your site theme.

CSS Dropdown Menu

Grunge is outfitted for support for a CSS driven dropdown menu. Setup is simple, just follow the instructions below:-

• Login into the Joomla administrator
• Go to Extensions → Module Manager
• Select the New button
• Select Menu from the list
• Set the Title to No; Set the Menu Name to mainmenu; Set Always show sub-menu items to yes
• Select either header-b → header-f as the position

Effectively, all you need to do is assign a Menu Module to the Header-B position.

How to create Child / Sublevel menu items in Joomla

In order for menu dropdowns to appear, you need to setup parent and child menu items.

• Login into the Joomla administrator
• Go to Menu → Menu Name
• Select a menu item that you wish to be in the dropdown
• Locate the Parent Item form
• Select the menu item that you wish for your item to appear under
• Save

Perform the same task for all menu items that you wish to be child items.