Actions

J1.5

Difference between revisions of "Customising the JA Purity template/customisations/Replacing the header pictures"

From Joomla! Documentation

< J1.5:Customising the JA Purity template‎ | customisations
m (Updated header picture tutorial)
Line 1: Line 1:
JA Purity comes as a *.zip - file. To see what is in it, download it to your computer and unzip it. All files are to be found in the ''ja_purity'' directory.  
+
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:<br />
 +
<pre>
 +
    templates/ja_purity
 +
                images/
 +
                    header/
 +
                        header1.jpg
 +
                        header2.jpg
 +
                        header3.jpg
 +
</pre>
  
# Find the header pictures in your ja_purity template folder: The '''''image''''' directory stores two subdirectories, namely ''header'' and ''rtl'', as well as the other JA Purity image files.
+
If you've been following the [[Tutorial:Customising_the_JA_Purity_template|tutorial]] you can download a tutorial version of the template that installs to the following directory:<br/>
# Open the header directory, download one of them and note, that your new pictures have to have the same names, id est header1.jpg, header2.jpg and header3.jpg.
+
<pre>
# Analyze the size, it is 600 x 80 pixels, and create your image files 600 x 80 pixels according to your needs.
+
    templates/my_japurity
# Create three files and rename them ''header1.jpg'', ''header2.jpg'' and ''header3.jpg''. The smaller in KB, the faster these new header images load.
+
                  images/
# Upload these three image files into your ''header'' directory. Please do not forget to reload your page to see the changes.
+
                    header/
 +
                        header1.jpg
 +
                        header2.jpg
 +
                        header3.jpg
 +
</pre>
  
 +
# Create an new image, width: 600 pixels , height: 80 pixels using any graphics editor such as [http://gimp.org Gimp].
 +
# Save the image as a JPG to the template images/header directory. Make sure you overwrite the existing headerX.jpg files.
 +
# Edit, Save, Test till you are satisfied with your new header.
 +
 +
If you decide later to change the [[Ja Purity resize header|size of the header area]] then you'll want to change the size of your images to match.
  
 
[[Category:Procedures]]
 
[[Category:Procedures]]
 
[[Category:Beginners]]
 
[[Category:Beginners]]
 
[[Category:Templates]]
 
[[Category:Templates]]

Revision as of 03:01, 27 May 2009

Replacement filing cabinet.png
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.

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.