J1.5:Customising the JA Purity template/customisations/Replacing the header pictures

Revision as of 10:23, 27 May 2009

This Namespace has been archived - Please Do Not Edit or Create Pages in this namespace. Pages contain information for a Joomla! version which is no longer supported. It exists only as a historical reference, will not be improved and its content may be incomplete.

This j1.5 page is actively undergoing a major edit for a short while. As a courtesy, please do not edit this page while this message is displayed. The user who added this notice will be listed in the page history. This message is intended to help reduce edit conflicts; please remove it between editing sessions to allow others to edit the page. If this page has not been edited for several hours, please remove this template, or replace it with {{underconstruction}}.

The original JA Purity template was provided from JoomlArt.com as a zip but the latest files have been installed along with Joomla. The relevant files, header1.jpg, header2.jpg and header3.jpg, are in the following directory:

    templates/ja_purity
                 images/
                     header/
                         header1.jpg
                         header2.jpg
                         header3.jpg

If you've been following the tutorial you can download a tutorial version of the template that installs to the following directory:

    templates/my_japurity
                   images/
                     header/
                         header1.jpg
                         header2.jpg
                         header3.jpg

1. Create an new image, width: 600 pixels , height: 80 pixels using any graphics editor such as Gimp.
2. Save the image as a JPG to the template images/header directory. Make sure you overwrite the existing headerX.jpg files.
3. Edit, Save, Test till you are satisfied with your new header.

If you decide later to change the size of the header area then you'll want to change the size of your images to match.

If you do change the size of the header images you'll need to update one more file, header-mask.png, in each of the color styles. These files are located in the following directory:

   templates/ja_purity
                   images/
                       header-mask.png
                   styles/
                       header/
                           blue/
                               header-mask.png
                           green/
                               header-mask.png

If you're following the tutorial version the directory starts in:

   templates/my_japurity

All you need to do is change the size of the file to match the width and height of your header images.