Customising the JA Purity template/footer
From Joomla! Documentation
< J1.5:Customising the JA Purity templateRevision as of 13:37, 15 January 2011 by Mvangeest (talk | contribs) (Ja purity template footer moved to Customising the JA Purity template/footer: Moved page for consistency with the Beez class page structure)
Revision as of 13:37, 15 January 2011 by Mvangeest (talk | contribs) (Ja purity template footer moved to Customising the JA Purity template/footer: Moved page for consistency with the Beez class page structure)
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
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 image files: but-css.gif, but-xhtml10.gif, vdot.gif, grad3.gif are in the following directories:
templates/ja_purity index.php css/ template.css images/ but-css.gif but-xhtml10.gif vdot.gif grad3.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/ but-css.gif but-xhtml10.gif vdot.gif grad3.gif
HTML and PHP Files[edit]
ja_purity/index.php.php[edit]
<!-- BEGIN: FOOTER -->
<div id="ja-footerwrap">
<div id="ja-footer" class="clearfix">
<div id="ja-footnav">
<jdoc:include type="modules" name="user3" />
</div>
<div class="copyright">
<jdoc:include type="modules" name="footer" />
</div>
<div class="ja-cert">
<jdoc:include type="modules" name="syndicate" />
<a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank" title="<?php echo JText::_("CSS Validity");?>" style="text-decoration: none;">
<img src="<?php echo $tmpTools->templateurl(); ?>/images/but-css.gif" border="none" alt="<?php echo JText::_("CSS Validity");?>" />
</a>
<a href="http://validator.w3.org/check/referer" target="_blank" title="<?php echo JText::_("XHTML Validity");?>" style="text-decoration: none;">
<img src="<?php echo $tmpTools->templateurl(); ?>/images/but-xhtml10.gif" border="none" alt="<?php echo JText::_("XHTML Validity");?>" />
</a>
</div>
<br />
</div>
</div>
<!-- END: FOOTER -->
CSS Files[edit]
ja_purity/css/template.css[edit]
/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
border-top: 5px solid #CCCCCC;
padding: 20px 0 30px;
clear: both;
background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
}
#ja-footer {
padding: 0;
color: #666666;
background: url(../images/vdot.gif) repeat-y 22% 0;
position: relative;
}
#ja-footer .copyright {
clear: both;
display: block;
padding-left: 25%;
color: #666666;
font-style: normal;
font-size: 92%;
}
#ja-footnav {
padding-left: 25%;
}
#ja-footer ul {
margin: 0 0 5px;
padding: 0;
}
#ja-footer li {
margin: 0;
padding: 0;
display: inline;
background: none;
}
#ja-footer li a {
padding: 0 15px 0 0;
display: inline;
color: #666666;
font-weight: bold;
font-size: 92%;
line-height: normal;
text-decoration: none;
text-transform: uppercase;
}
#ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus {
color: #333333;
text-decoration: none;
}
.ja-cert {
font-size: 92%;
position: absolute;
right: 0;
top: 18px;
}
.ja-cert a {
margin: 0 0 0 5px;
padding: 0;
border: none;
border: none;
text-decoration: none;
}
.ja-cert a span {
display: none;
}
.ja-cert a img {
border: none;
}
Image Files[edit]
- but-css.gif
- but-xhtml10.gif
- vdot.gif
- grad3.gif