Customising the JA Purity template/left

From Joomla! Documentation

Jump to: navigation, search
Stop hand nuvola.svg.png
 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, 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/
            bullet.gif

Contents

HTML and PHP Files

ja_purity/index.php

  1. 		<?php if ($this->countModules('left')): ?>

  2. 		<!-- BEGIN: LEFT COLUMN -->

  3. 		<div id="ja-col1">

  4. 			<jdoc:include type="modules" name="left" style="xhtml" />

  5. 		</div><br />

  6. 		<!-- END: LEFT COLUMN -->

  7. 		<?php endif; ?>

CSS Files

ja_purity/css/template.css

  1. #ja-mainbody-fr #ja-col1 {

  2. 	width: 50%;

  3. }

  1. #ja-mainbody-fr #ja-col1 {

  2. 	width: 50%;

  3. 	float: left;

  4. }

  1. /* LEFT COLUMN + RIGHT COLUMN

  2. --------------------------------------------------------- */

  3. #ja-col1 {

  4. 	float: left;

  5. 	width: 24.99%;

  6. 	padding-top: 10px;

  7. 	overflow: hidden;

  8. }

  9.  

  10. #ja-col2 {

  11. 	float: right;

  12. 	width: 50%;

  13. 	overflow: hidden;

  14. }

  15.  

  16. #ja-col1 table,

  17. #ja-col2 table {

  18. 	border-collapse: collapse;

  19. 	border-spacing: 0;

  20. }

  21.  

  22. #ja-col1 ul li,

  23. #ja-col2 ul li {

  24. 	padding-left: 15px;

  25. 	margin: 0;

  26. 	background: url(../images/bullet.gif) no-repeat 5px 50%;

  27. }

  28.  

  29. #ja-col1 ul, #ja-col2 ul {

  30. 	margin: 0;

  31. }

  32.  

  33. #ja-col1 ol, #ja-col2 ol {

  34. 	margin-left: 5px;

  35. }

  36.  

  37. #ja-col1 .article_separator,

  38. #ja-col2 .article_separator {

  39. 	display: none;

  40. }

Image Files

  • bullet.gif

Javascript Files

ja_purity/js/XXXXX.js

  1.
Retrieved from "http://docs.joomla.org/Customising_the_JA_Purity_template/left"
Personal tools