Tutorial:Customising the JA Purity template
From Joomla! Documentation
| This tutorial page or section is in the middle of an expansion or major revamping.
However, you are welcome to assist in its construction by editing it as well. Please view the edit history should you wish to contact the person who placed this template. If the tutorial page has not been edited in several days please remove this template. |
Contents |
Introduction
JA Purity is a highly customizable template available by default in standard Joomla 1.5 installations. JA Purity was designed by JoomlArt.com and features the following:
- Screen width configuration (Fluid/Narrow/Widescreen/Fixed in pixel or percentage)
- Multiple colors schemes (Red, Green, Blue and Black )
- Well Structured, xHTML/CSS validated and SEO-optimized source
- Cross-browser support for Internet Explorer 6+, Firefox, Safari, Opera
If you have a support question about the JA Purity template check for a solution on the following forum.
Before You Start
Before you start hacking away at the template you may want to do ONE of the following:
- Create a directory templates/my_japurity. Copy the contents of the original ja_purity directory to the my_japurity directory. Go to the administrator/language/en-GB directory and copy en-GB.tpl_ja_purity.ini to en-GB.tpl_my_japurity.ini. Do the same in the language/en-GB directory. Open the templateDetails.xml file in the my_japurity directory and change ALL references for the original ja_purity directory to the new directory my_japurity.
-
-
<name>JA_Purity</name>
-
-
-
<language tag="en-GB">en-GB.tpl_ja_purity.ini</language>
-
-
-
<language tag="en-GB">admin/en-GB.tpl_ja_purity.ini</language>
-
-
-
<param name="theme_header" type="folderlist" directory="templates/ja_purity/styles/header" default="" label="Header Themes" description="HEADER THEMES DESCRIPTION" />
-
<param name="theme_background" type="folderlist" directory="templates/ja_purity/styles/background" default="" label="Background Themes" description="BACKGROUND THEMES DESCRIPTION" />
-
<param name="theme_elements" type="folderlist" directory="templates/ja_purity/styles/elements" default="" label="Primary Elements" description="PRIMARY ELEMENTS DESCRIPTION" />
-
-
- Download the tutorial template. Once you download the archive, rename it as my_japurity.zip and then log into the Administration area of your Joomla site and install the template.
This will save you from worrying about any updates to the Joomla source that might overwrite your edits. This tutorial is based on the latest template version as of Joomla version 1.5.11.
Template Layout
Here's the directory structure for the template. Click to see a description of the directory contents (if available)
Front Page
Click on the picture to see the descriptions (if available)
Positions
Classes/IDs
Body
Header
Horizontal Navigation
Top
Left
Right
Main
Breadcrumbs
Spotlight
User 1
User 2
User 3
User 4
User 5
Syndication
Footer
CSS Files
Customisation - Basics
Administration Features
Enable Horizontal Navigation Menus
Customise Module Position and Content
Customise - Header Area
Customise - Module Position Left
Customise - Main Content Area
Customise - Module Position Right
Customise - Spotlight Area
Customise - Module Position Footer
Customise the Logo
Customise the Logo
Change the Position of Your Logo
Use one image for Header and Logo
Customise the Header
Customise the Header Background
Change the Size of the Header
Add or Change the Header Color Scheme
Customise the Favicon
Customise Horizontal Navigation Menus
Center the Horizontal Menus
Change the Color of the Horizontal Menus
Use a Gradient Image for the Background in the Horizontal Menus
Allow Right to Left language use of Horizontal Menu
Customisation - Intermediate
Customise Accessibility
Customise Searching
Customisation - Advanced
Known Issues and Bugs
- IE8 Compatibility - SEE: http://forum.joomla.org/viewtopic.php?f=541&t=393631&p=1709079&hilit=ie8#p1709079
- Active Menu item not updating. SEE: http://forum.joomla.org/viewtopic.php?f=466&t=396625
- PROBLEM: When Joomla cache is enabled reference Joomla 1.5.10 and before) and clicking a menu item it doesn't change color. It is impossible to understand which is the active menu item. SOLUTION: for now the only solution is to disable the cache function in the mod_mainmenu: go to 'Tools>Module Manager' and select the 'Main Menu' module (type=mod_mainmenu). Under 'Parameters>Advanced Parameters' select 'Caching>No Caching'. SEE: http://forum.joomla.org/viewtopic.php?f=541&t=378584



