Actions

J1.5

Customising the JA Purity template/footer

From Joomla! Documentation

< J1.5:Customising the JA Purity template
Revision as of 04:51, 24 June 2009 by Zwiastun (Talk | contribs)

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

Contents

HTML and PHP Files

ja_purity/index.php.php

  1. <!-- BEGIN: FOOTER -->
    
  2. <div id="ja-footerwrap">
    
  3. <div id="ja-footer" class="clearfix">
    
  4.  
    
  5.         <div id="ja-footnav">
    
  6.                 <jdoc:include type="modules" name="user3" />
    
  7.         </div>
    
  8.  
    
  9.         <div class="copyright">
    
  10.                 <jdoc:include type="modules" name="footer" />
    
  11.         </div>
    
  12.  
    
  13.         <div class="ja-cert">
    
  14.                 <jdoc:include type="modules" name="syndicate" />
    
  15.     <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank" title="<?php echo JText::_("CSS Validity");?>" style="text-decoration: none;">
    
  16.                 <img src="<?php echo $tmpTools->templateurl(); ?>/images/but-css.gif" border="none" alt="<?php echo JText::_("CSS Validity");?>" />
    
  17.                 </a>
    
  18.                 <a href="http://validator.w3.org/check/referer" target="_blank" title="<?php echo JText::_("XHTML Validity");?>" style="text-decoration: none;">
    
  19.                 <img src="<?php echo $tmpTools->templateurl(); ?>/images/but-xhtml10.gif" border="none" alt="<?php echo JText::_("XHTML Validity");?>" />
    
  20.                 </a>
    
  21.         </div>
    
  22.  
    
  23.         <br />
    
  24. </div>
    
  25. </div>
    
  26. <!-- END: FOOTER -->
    

CSS Files

ja_purity/css/template.css

  1. /* FOOTER
    
  2. --------------------------------------------------------- */
    
  3. #ja-footerwrap {
    
  4.         border-top: 5px solid #CCCCCC;
    
  5.         padding: 20px 0 30px;
    
  6.         clear: both;
    
  7.         background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
    
  8. }
    
  9.  
    
  10. #ja-footer {
    
  11.         padding: 0;
    
  12.         color: #666666;
    
  13.         background: url(../images/vdot.gif) repeat-y 22% 0;
    
  14.         position: relative;
    
  15. }
    
  16.  
    
  17. #ja-footer .copyright {
    
  18.         clear: both;
    
  19.         display: block;
    
  20.         padding-left: 25%;
    
  21.         color: #666666;
    
  22.         font-style: normal;
    
  23.         font-size: 92%;
    
  24. }
    
  25.  
    
  26. #ja-footnav {
    
  27.         padding-left: 25%;
    
  28. }
    
  29.  
    
  30. #ja-footer ul {
    
  31.         margin: 0 0 5px;
    
  32.         padding: 0;
    
  33. }
    
  34.  
    
  35. #ja-footer li {
    
  36.         margin: 0;
    
  37.         padding: 0;
    
  38.         display: inline;
    
  39.         background: none;
    
  40. }
    
  41.  
    
  42. #ja-footer li a {
    
  43.         padding: 0 15px 0 0;
    
  44.         display: inline;
    
  45.         color: #666666;
    
  46.         font-weight: bold;
    
  47.         font-size: 92%;
    
  48.         line-height: normal;
    
  49.         text-decoration: none;
    
  50.         text-transform: uppercase;
    
  51. }
    
  52.  
    
  53. #ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus {
    
  54.         color: #333333;
    
  55.         text-decoration: none;
    
  56. }
    
  57.  
    
  58. .ja-cert {
    
  59.         font-size: 92%;
    
  60.         position: absolute;
    
  61.         right: 0;
    
  62.         top: 18px;
    
  63. }
    
  64.  
    
  65. .ja-cert a {
    
  66.         margin: 0 0 0 5px;
    
  67.         padding: 0;
    
  68.         border: none;
    
  69.         border: none;
    
  70.         text-decoration: none;
    
  71. }
    
  72.  
    
  73. .ja-cert a span {
    
  74.         display: none;
    
  75. }
    
  76.  
    
  77. .ja-cert a img {
    
  78.         border: none;
    
  79. }
    

Image Files

  • but-css.gif
  • but-xhtml10.gif
  • vdot.gif
  • grad3.gif

Javascript Files

ja_purity/js/XXXXX.js

  1.