Actions

J1.5

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

From Joomla! Documentation

< J1.5:Customising the JA Purity template
m (New page: {{stub}} <noinclude> Category:Beginners Category:JA Purity template Category:Tutorials </noinclude>)
 
m (Applied tutorial template and removed categories)
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{stub}}
 
{{stub}}
<noinclude>
+
{{:Customising the JA Purity template/tutorialtemplate|index.php, template.css and image files: but-css.gif, but-xhtml10.gif, vdot.gif, grad3.gif|<pre>
[[Category:Beginners]]
+
    <location of template>/
[[Category:JA Purity template]]
+
        index.php
[[Category:Tutorials]]
+
        css/
</noinclude>
+
            template.css
 +
        images/
 +
            but-css.gif
 +
            but-xhtml10.gif
 +
            vdot.gif
 +
            grad3.gif
 +
</pre>}}
 +
==HTML and PHP Files==
 +
===ja_purity/index.php.php===
 +
<source lang="php" line start="245">
 +
<!-- 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 -->
 +
</source>
 +
==CSS Files==
 +
===ja_purity/css/template.css===
 +
<source lang="css" line start="1395">
 +
/* 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;
 +
}
 +
 
 +
</source>
 +
==Image Files==
 +
* but-css.gif
 +
* but-xhtml10.gif
 +
* vdot.gif
 +
* grad3.gif
 +
==Javascript Files==
 +
===ja_purity/js/XXXXX.js===
 +
<source lang="javascript" line start="">
 +
</source>

Revision as of 15:31, 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 image files: but-css.gif, but-xhtml10.gif, vdot.gif, grad3.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/
            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.