Customising the JA Purity template/left
From Joomla! Documentation
< J1.5:Customising the JA Purity template
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.
This article is a stub and needs to be expanded. If you can provide information or finish this article you're welcome to do so. Please remove this message afterwards or replace with {{inuse}} while making major edits. - Thank you. |
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, 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
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: 20%;
}
#ja-mainbody-fr #ja-col1 {
width: 10%;
float: left;
}
/* 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;
}
Image Files[edit]
- bullet.gif