J1.5

Difference between revisions of "Customising the JA Purity template"

From Joomla! Documentation

(→‎Before You Start: Clarified the locations of some files.)
Line 120: Line 120:
  
 
=== Customise the Header ===
 
=== Customise the Header ===
−
[[Replace the header pictures in JA Purity|Customise the Header Background]]<br />
+
[[Replace the header pictures in JA Purity|Customise the Header Images]]<br />
 
[[Ja_Purity resize header|Change the Size of the Header]]<br />
 
[[Ja_Purity resize header|Change the Size of the Header]]<br />
 
[[Add or change header color scheme|Add or Change the Header Color Scheme]]
 
[[Add or change header color scheme|Add or Change the Header Color Scheme]]

Revision as of 17:08, 4 April 2010

The "J1.5" namespace is an archived namespace. This page contains information for a Joomla! version which is no longer supported. It exists only as a historical reference, it will not be improved and its content may be incomplete and/or contain broken links.

Documentation all together tranparent small.png
Under Construction

This article or section is in the process of an expansion or major restructuring. You are welcome to assist in its construction by editing it as well. If this article or section has not been edited in several days, please remove this template.
This article was last edited by Cybereno (talk| contribs) 14 years ago. (Purge)

Introduction[edit]

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:

  1. Screen width configuration (Fluid/Narrow/Widescreen/Fixed in pixel or percentage)
  2. Multiple colors schemes (Red, Green, Blue and Black )
  3. Well Structured, xHTML/CSS validated and SEO-optimized source
  4. 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[edit]

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[edit]

Here's the directory structure for the template. Click to see a description of the directory contents (if available) <imagemap> Image:JA_Purity_directories.jpg default Ja purity directory structure desc bottom-left </imagemap>

Front Page[edit]

Click on the picture to see the descriptions (if available) <imagemap> Image:JA_Purity_Tutorial_Main.png|640px rect 19 9 220 67 Customise the Logo rect 253 9 1102 67 Customise the Header Background rect 1140 13 1197 34 Customise Accessibility rect 1113 40 1265 64 Customise Searching rect 0 76 279 657 Customise - Module Position Left rect 278 76 1002 657 Customise - Main Content Area rect 1002 76 1280 657 Customise - Module Position Right rect 0 657 1280 817 Customise - Spotlight Area rect 0 817 1280 1024 Customise - Module Position Footer rect 0 0 1280 73 Customise Header Area default Customising the JA Purity template desc bottom-left </imagemap>

Positions[edit]

JA Purity Tutorial Positions.png

Ja purity module position.png

Classes/IDs[edit]

Body[edit]

Header[edit]

Horizontal Navigation[edit]

Top[edit]

Left[edit]

Right[edit]

Main[edit]

Breadcrumbs[edit]

Spotlight[edit]

User 1[edit]

User 2[edit]

User 3[edit]

User 4[edit]

User 5[edit]

Syndication[edit]

Footer[edit]

CSS Files[edit]

Customisation - Basics[edit]

Administration Features[edit]

Enable Horizontal Navigation Menus

Customise Module Position and Content[edit]

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

[edit]

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

Customise the Header[edit]

Customise the Header Images
Change the Size of the Header
Add or Change the Header Color Scheme

Customise the Favicon[edit]

Customise the Favorite Icon

Customise Horizontal Navigation Menus[edit]

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[edit]

Customise Accessibility
Customise Searching

Customisation - Advanced[edit]

Customise Overrides

Known Issues and Bugs[edit]

See also[edit]

Some information about this template

Retrieved from "https://docs.joomla.org/index.php?title=J1.5:Customising_the_JA_Purity_template&oldid=26580"