Tutorial:Customising the JA Purity templateHowever, 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. While actively editing, consider adding {{inuse}} to reduce edit conflicts.

Contents 1 Introduction 1.1 Before You Start 2 Template Layout 2.1 Front Page 2.2 Positions 2.3 Classes/IDs 2.3.1 Body 2.3.2 Header 2.3.3 Horizontal Navigation 2.3.4 Top 2.3.5 Left 2.3.6 Right 2.3.7 Main 2.3.8 Breadcrumbs 2.3.9 Spotlight 2.3.10 User 1 2.3.11 User 2 2.3.12 User 3 2.3.13 User 4 2.3.14 User 5 2.3.15 Syndication 2.3.16 Footer 2.4 CSS Files 3 Customisation - Basics 3.1 Administration Features 3.2 Customise Module Position and Content 3.3 Customise the Logo 3.4 Customise the Header 3.5 Customise the Favicon 3.6 Customise Horizontal Navigation Menus 4 Customisation - Intermediate 5 Customisation - Advanced 6 Known Issues and Bugs 7 See also

IntroductionJA 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: 1. 2. 3. 4. 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

Before You StartBefore you start hacking away at the template you may want to do one of the following: 1. Create a directory templates/my_japurity. Copy the original ja_purity directory to my_japurity. 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 and change ALL references to the original ja_purity directory to the new directory my_japurity. 3. JA_Purity 326.en-GB.tpl_ja_purity.ini 330.admin/en-GB.tpl_ja_purity.ini 388. 389. 390. 2. 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 LayoutHere's the directory structure for the template.

Front Page

Positions

Classes/IDsBody JA Purity body

Main JA Purity content JA Purity breadcrumbs JA Purity banners

Header JA Purity header JA Purity logo JA Purity accessibility JA Purity search JA Purity user4

Breadcrumbs JA Purity breadcrumbs

Spotlight JA Purity spotlight JA Purity user 1 JA Purity user 2 JA Purity top JA Purity user 5

Horizontal Navigation JA Purity horizontal navigation

Top JA Purity top

User 1 JA Purity user 1

Left JA Purity left

User 2 JA Purity user 2

Right JA Purity right

User 3 JA Purity user3

Customisation - IntermediateCustomise Accessibility Customise Searching

User 4 JA Purity user 4

Customisation - AdvancedCustomise Overrides

User 5 JA Purity user 5

Syndication JA Purity Syndication

Footer JA Purity Footer JA Purity Syndication JA Purity user3

CSS Files JA Purity template.css

Customisation - BasicsAdministration FeaturesEnable Horizontal Navigation Menus

Customise Module Position and ContentCustomise - Header Area Customise - Module Position Left Customise - Main Content Area Customise - Module Position Right Customise - Spotlight Area Customise - Module Position Footer

Customise the LogoCustomise the Logo Change the Position of Your Logo Use one image for Header and Logo

Customise the HeaderCustomise the Header Background Change the Size of the Header Add or Change the Header Color Scheme

Customise the FaviconCustomise the Favorite Icon

Customise Horizontal Navigation MenusCenter 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

Known Issues and Bugs 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

Ja purity template bodyContents 1 HTML and PHP Files 1.1 ja_purity/index.php 2 CSS Files 2.1 ja_purity/css/template.css 3 Image Files 4 Javascript Files

HTML and PHP Filesja_purity/index.php99.