J1.5:Customising the JA Purity template/customisations/Using a single image for header and logo

From Joomla! Documentation
< J1.5:Customising the JA Purity template | customisations
Revision as of 23:20, 26 June 2009 by Jwwicks (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
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, index.php, style.css are in the following directories:

    templates/ja_purity
                 index.php
                 styles/
                     header/
                         blue/
                             style.css
                         green/
                             style.css

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

    templates/ja_purity
                 index.php
                 styles/
                     header/
                         blue/
                             style.css
                         green/
                             style.css
  1. First modify index.php to eliminate the random image code on line 113
  1. <!-- BEGIN: HEADER -->
  2. <div id="ja-headerwrap">
  3.         <div id="ja-header" class="clearfix" style="background: url(<?php echo $tmpTools->templateurl(); ?>/images/header/<?php echo $tmpTools->getRandomImage(dirname(__FILE__).DS.'images/header'); ?>) no-repeat top <?php if($this->direction == 'rtl') echo 'left'; else echo 'right';?>;">
  1. It should look like the following when done
<!-- BEGIN: HEADER -->
<div id="ja-headerwrap">
        <div id="ja-header" class="clearfix">
  1. Modify style.css
Personal tools
Namespaces

Variants
Actions
Navigation
Joomla! Sites
Toolbox