J1.5

Customising the JA Purity template/footer

From Joomla! Documentation

< J1.5:Customising the JA Purity template(Redirected from Ja purity template footer)

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

HTML and PHP Files

ja_purity/index.php.php

245 <!-- BEGIN: FOOTER -->
246 <div id="ja-footerwrap">
247 <div id="ja-footer" class="clearfix">
248 
249 	<div id="ja-footnav">
250 		<jdoc:include type="modules" name="user3" />
251 	</div>
252 
253 	<div class="copyright">
254 		<jdoc:include type="modules" name="footer" />
255 	</div>
256 
257 	<div class="ja-cert">
258 		<jdoc:include type="modules" name="syndicate" />
259     <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank" title="<?php echo JText::_("CSS Validity");?>" style="text-decoration: none;">
260 		<img src="<?php echo $tmpTools->templateurl(); ?>/images/but-css.gif" border="none" alt="<?php echo JText::_("CSS Validity");?>" />
261 		</a>
262 		<a href="http://validator.w3.org/check/referer" target="_blank" title="<?php echo JText::_("XHTML Validity");?>" style="text-decoration: none;">
263 		<img src="<?php echo $tmpTools->templateurl(); ?>/images/but-xhtml10.gif" border="none" alt="<?php echo JText::_("XHTML Validity");?>" />
264 		</a>
265 	</div>
266 
267 	<br />
268 </div>
269 </div>
270 <!-- END: FOOTER -->

CSS Files

ja_purity/css/template.css

1395 /* FOOTER
1396 --------------------------------------------------------- */
1397 #ja-footerwrap {
1398 	border-top: 5px solid #CCCCCC;
1399 	padding: 20px 0 30px;
1400 	clear: both;
1401 	background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
1402 }
1403 
1404 #ja-footer {
1405 	padding: 0;
1406 	color: #666666;
1407 	background: url(../images/vdot.gif) repeat-y 22% 0;
1408 	position: relative;
1409 }
1410 
1411 #ja-footer .copyright {
1412 	clear: both;
1413 	display: block;
1414 	padding-left: 25%;
1415 	color: #666666;
1416 	font-style: normal;
1417 	font-size: 92%;
1418 }
1419 
1420 #ja-footnav {
1421 	padding-left: 25%;
1422 }
1423 
1424 #ja-footer ul {
1425 	margin: 0 0 5px;
1426 	padding: 0;
1427 }
1428 
1429 #ja-footer li {
1430 	margin: 0;
1431 	padding: 0;
1432 	display: inline;
1433 	background: none;
1434 }
1435 
1436 #ja-footer li a {
1437 	padding: 0 15px 0 0;
1438 	display: inline;
1439 	color: #666666;
1440 	font-weight: bold;
1441 	font-size: 92%;
1442 	line-height: normal;
1443 	text-decoration: none;
1444 	text-transform: uppercase;
1445 }
1446 
1447 #ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus {
1448 	color: #333333;
1449 	text-decoration: none;
1450 }
1451 
1452 .ja-cert {
1453 	font-size: 92%;
1454 	position: absolute;
1455 	right: 0;
1456 	top: 18px;
1457 }
1458 
1459 .ja-cert a {
1460 	margin: 0 0 0 5px;
1461 	padding: 0;
1462 	border: none;
1463 	border: none;
1464 	text-decoration: none;
1465 }
1466 
1467 .ja-cert a span {
1468 	display: none;
1469 }
1470 
1471 .ja-cert a img {
1472 	border: none;
1473 }

Image Files

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

Javascript Files

ja_purity/js/XXXXX.js

1