Actions

J1.5

Difference between revisions of "Customising the JA Purity template/left"

From Joomla! Documentation

< J1.5:Customising the JA Purity template
m
Line 1: Line 1:
 
{{stub}}
 
{{stub}}
 
The original JA Purity template was provided from JoomlArt.com as a zip but the latest files have been installed along with Joomla.
 
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:<br />
+
The relevant files, index.php and template.css, are in the following directories:<br />
 
<pre>
 
<pre>
 
     templates/ja_purity
 
     templates/ja_purity
                 XXXXX.php
+
                 index.php
 
                 css/
 
                 css/
                     XXXXX.css
+
                     template.css
 +
                images/
 +
                    bullet.gif
 
</pre>
 
</pre>
  
Line 12: Line 14:
 
<pre>
 
<pre>
 
     templates/my_japurity
 
     templates/my_japurity
                 XXXXX
+
                 index.php
 
                 css/
 
                 css/
                     XXXXXX
+
                     template.css
 +
                images/
 +
                    bullet.gif
 
</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="184">
 +
<?php if ($this->countModules('left')): ?>
 +
<!-- BEGIN: LEFT COLUMN -->
 +
<div id="ja-col1">
 +
<jdoc:include type="modules" name="left" style="xhtml" />
 +
</div><br />
 +
<!-- END: LEFT COLUMN -->
 +
<?php endif; ?>
 
</source>
 
</source>
 
==CSS Files==
 
==CSS Files==
===ja_purity/css/XXXXX.css===
+
===ja_purity/css/template.css===
<source lang="css" line start="">
+
<source lang="css" line start="827">
 +
#ja-mainbody-fr #ja-col1 {
 +
width: 20%;
 +
}
 +
</source>
 +
 
 +
<source lang="css" line start="860">
 +
#ja-mainbody-fr #ja-col1 {
 +
width: 20%;
 +
float: left;
 +
}
 +
</source>
 +
 
 +
<source lang="css" line start="1267">
 +
/* LEFT COLUMN + RIGHT COLUMN
 +
--------------------------------------------------------- */
 +
#ja-col1 {
 +
float: left;
 +
width: 24.99%;
 +
padding-top: 10px;
 +
overflow: hidden;
 +
}
 +
 
 +
#ja-col2 {
 +
float: right;
 +
width: 20%;
 +
overflow: hidden;
 +
}
 +
 
 +
#ja-col1 table,
 +
#ja-col2 table {
 +
border-collapse: collapse;
 +
border-spacing: 0;
 +
}
 +
 
 +
#ja-col1 ul li,
 +
#ja-col2 ul li {
 +
padding-left: 15px;
 +
margin: 0;
 +
background: url(../images/bullet.gif) no-repeat 5px 50%;
 +
}
 +
 
 +
#ja-col1 ul, #ja-col2 ul {
 +
margin: 0;
 +
}
 +
 
 +
#ja-col1 ol, #ja-col2 ol {
 +
margin-left: 5px;
 +
}
 +
 
 +
#ja-col1 .article_separator,
 +
#ja-col2 .article_separator {
 +
display: none;
 +
}
 
</source>
 
</source>
 
==Image Files==
 
==Image Files==
 +
* bullet.gif
 
==Javascript Files==
 
==Javascript Files==
 
===ja_purity/js/XXXXX.js===
 
===ja_purity/js/XXXXX.js===
 
<source lang="javascript" line start="">
 
<source lang="javascript" line start="">
 +
 
</source>
 
</source>
 
<noinclude>
 
<noinclude>

Revision as of 05:59, 24 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, index.php and template.css, are in the following directories:

    templates/ja_purity
                 index.php
                 css/
                     template.css
                 images/
                     bullet.gif

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
                 images/
                     bullet.gif

Contents

HTML and PHP Files

ja_purity/index.php

  1.                 <?php if ($this->countModules('left')): ?>
    
  2.                 <!-- BEGIN: LEFT COLUMN -->
    
  3.                 <div id="ja-col1">
    
  4.                         <jdoc:include type="modules" name="left" style="xhtml" />
    
  5.                 </div><br />
    
  6.                 <!-- END: LEFT COLUMN -->
    
  7.                 <?php endif; ?>
    

CSS Files

ja_purity/css/template.css

  1. #ja-mainbody-fr #ja-col1 {
    
  2.         width: 20%;
    
  3. }
    
  1. #ja-mainbody-fr #ja-col1 {
    
  2.         width: 20%;
    
  3.         float: left;
    
  4. }
    
  1. /* LEFT COLUMN + RIGHT COLUMN
    
  2. --------------------------------------------------------- */
    
  3. #ja-col1 {
    
  4.         float: left;
    
  5.         width: 24.99%;
    
  6.         padding-top: 10px;
    
  7.         overflow: hidden;
    
  8. }
    
  9.  
    
  10. #ja-col2 {
    
  11.         float: right;
    
  12.         width: 20%;
    
  13.         overflow: hidden;
    
  14. }
    
  15.  
    
  16. #ja-col1 table,
    
  17. #ja-col2 table {
    
  18.         border-collapse: collapse;
    
  19.         border-spacing: 0;
    
  20. }
    
  21.  
    
  22. #ja-col1 ul li,
    
  23. #ja-col2 ul li {
    
  24.         padding-left: 15px;
    
  25.         margin: 0;
    
  26.         background: url(../images/bullet.gif) no-repeat 5px 50%;
    
  27. }
    
  28.  
    
  29. #ja-col1 ul, #ja-col2 ul {
    
  30.         margin: 0;
    
  31. }
    
  32.  
    
  33. #ja-col1 ol, #ja-col2 ol {
    
  34.         margin-left: 5px;
    
  35. }
    
  36.  
    
  37. #ja-col1 .article_separator,
    
  38. #ja-col2 .article_separator {
    
  39.         display: none;
    
  40. }
    

Image Files

  • bullet.gif

Javascript Files

ja_purity/js/XXXXX.js

  1.