Actions

J1.5

Difference between revisions of "Customising the JA Purity template/header/search"

From Joomla! Documentation

< J1.5:Customising the JA Purity template‎ | header
m
Line 4: Line 4:
 
<pre>
 
<pre>
 
     templates/ja_purity
 
     templates/ja_purity
                 XXXXX.php
+
                 index.php
 
                 css/
 
                 css/
                     XXXXX.css
+
                     template.css
 
</pre>
 
</pre>
  
Line 12: Line 12:
 
<pre>
 
<pre>
 
     templates/my_japurity
 
     templates/my_japurity
                 XXXXX
+
                 index.php
 
                 css/
 
                 css/
                     XXXXXX
+
                     template.css
 
</pre>
 
</pre>
 
==HTML and PHP Files==
 
==HTML and PHP Files==
===ja_purity/XXXXX.php===
+
=== ja_purity/index.php ===
<source lang="php" line start="">
+
<source lang="php" line start="133">
 +
<?php if($this->countModules('user4')) : ?>
 +
<div id="ja-search">
 +
<jdoc:include type="modules" name="user4" />
 +
</div>
 +
<?php endif; ?>
 
</source>
 
</source>
 
==CSS Files==
 
==CSS Files==
 
===ja_purity/css/XXXXX.css===
 
===ja_purity/css/XXXXX.css===
<source lang="css" line start="">
+
<source lang="css" line start="991">
 +
/* Search */
 +
#ja-search {
 +
padding-left: 20px;
 +
background: url(../images/icon-search.gif) no-repeat center left;
 +
position: absolute;
 +
bottom: 15px;
 +
right: 0;
 +
}
 +
 
 +
#ja-search .inputbox {
 +
width: 120px;
 +
border: 1px solid #333333;
 +
padding: 3px 5px;
 +
color: #999999;
 +
background: #444444;
 +
font-size: 92%;
 +
}
 
</source>
 
</source>
 
==Image Files==
 
==Image Files==

Revision as of 11:26, 25 June 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, XXXXX and XXXX, are in the following directories:

    templates/ja_purity
                 index.php
                 css/
                     template.css

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
                 index.php
                 css/
                     template.css

Contents

HTML and PHP Files

ja_purity/index.php

  1.         <?php if($this->countModules('user4')) : ?>
    
  2.                 <div id="ja-search">
    
  3.                         <jdoc:include type="modules" name="user4" />
    
  4.                 </div>
    
  5.         <?php endif; ?>
    

CSS Files

ja_purity/css/XXXXX.css

  1. /* Search */
    
  2. #ja-search {
    
  3.         padding-left: 20px;
    
  4.         background: url(../images/icon-search.gif) no-repeat center left;
    
  5.         position: absolute;
    
  6.         bottom: 15px;
    
  7.         right: 0;
    
  8. }
    
  9.  
    
  10. #ja-search .inputbox {
    
  11.         width: 120px;
    
  12.         border: 1px solid #333333;
    
  13.         padding: 3px 5px;
    
  14.         color: #999999;
    
  15.         background: #444444;
    
  16.         font-size: 92%;
    
  17. }
    

Image Files

Javascript Files

ja_purity/js/XXXXX.js

  1.