Actions

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)
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.


Quill icon.png
Page Actively Being Edited!

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}} or {{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