Actions

J1.5

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

From Joomla! Documentation

< J1.5:Customising the JA Purity template
(ja_purity/css/template.css)
m (Applied tutorial template and removed categories)
(One intermediate revision by one user not shown)
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.
+
{{:Customising the JA Purity template/tutorialtemplate|index.php, template.css and bullet.gif|<pre>
The relevant files, index.php, template.css and bullet.gif, are in the following directories:<br />
+
     <location of template>/
<pre>
+
        index.php
     templates/ja_purity
+
        css/
                index.php
+
            template.css
                css/
+
        images/
                    template.css
+
            bullet.gif
                images/
+
</pre>}}
                    bullet.gif
+
</pre>
+
 
+
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/>
+
<pre>
+
    templates/my_japurity
+
                index.php
+
                css/
+
                    template.css
+
                images/
+
                    bullet.gif
+
</pre>
+
 
==HTML and PHP Files==
 
==HTML and PHP Files==
 
===ja_purity/index.php===
 
===ja_purity/index.php===
Line 96: Line 84:
  
 
</source>
 
</source>
<noinclude>
 
[[Category:Beginners]]
 
[[Category:JA Purity template]]
 
[[Category:Tutorials]]
 
</noinclude>
 

Revision as of 15:18, 15 January 2011

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, template.css and bullet.gif, can be found in templates/ja_purity. If you've been following the tutorial, you can download a tutorial version of the template that installs to the templates/my_japurity folder. Inside the folder of the template, the files are located as follows:

    <location of template>/
        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: 50%;
  3. }
  1. #ja-mainbody-fr #ja-col1 {
  2.         width: 50%;
  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: 50%;
  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.