J1.5

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

From Joomla! Documentation

< J1.5:Customising the JA Purity template
m (Ja purity template left moved to Customising the JA Purity template/left: Moved page for consistency with the Beez class page structure)
m (Applied tutorial template and removed categories)
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

The "J1.5" namespace is an archived namespace. This page contains information for a Joomla! version which is no longer supported. It exists only as a historical reference, it will not be improved and its content may be incomplete and/or contain broken links.


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

HTML and PHP Files[edit]

ja_purity/index.php[edit]

		<?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; ?>

CSS Files[edit]

ja_purity/css/template.css[edit]

#ja-mainbody-fr #ja-col1 {
	width: 50%;
}
#ja-mainbody-fr #ja-col1 {
	width: 50%;
	float: left;
}
/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
	float: left;
	width: 24.99%;
	padding-top: 10px;
	overflow: hidden;
}

#ja-col2 {
	float: right;
	width: 50%;
	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;
}

Image Files[edit]

  • bullet.gif

Javascript Files[edit]

ja_purity/js/XXXXX.js[edit]