J1.5

Customising the JA Purity template/left

< J1.5:Customising the JA Purity template(Redirected from Customising the JA Purity template/left)

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

HTML and PHP Files

ja_purity/index.php

184 		<?php if ($this->countModules('left')): ?>
185 		<!-- BEGIN: LEFT COLUMN -->
186 		<div id="ja-col1">
187 			<jdoc:include type="modules" name="left" style="xhtml" />
188 		</div><br />
189 		<!-- END: LEFT COLUMN -->
190 		<?php endif; ?>

CSS Files

ja_purity/css/template.css

827 #ja-mainbody-fr #ja-col1 {
828 	width: 50%;
829 }
860 #ja-mainbody-fr #ja-col1 {
861 	width: 50%;
862 	float: left;
863 }
1267 /* LEFT COLUMN + RIGHT COLUMN
1268 --------------------------------------------------------- */
1269 #ja-col1 {
1270 	float: left;
1271 	width: 24.99%;
1272 	padding-top: 10px;
1273 	overflow: hidden;
1274 }
1275 
1276 #ja-col2 {
1277 	float: right;
1278 	width: 50%;
1279 	overflow: hidden;
1280 }
1281 
1282 #ja-col1 table,
1283 #ja-col2 table {
1284 	border-collapse: collapse;
1285 	border-spacing: 0;
1286 }
1287 
1288 #ja-col1 ul li,
1289 #ja-col2 ul li {
1290 	padding-left: 15px;
1291 	margin: 0;
1292 	background: url(../images/bullet.gif) no-repeat 5px 50%;
1293 }
1294 
1295 #ja-col1 ul, #ja-col2 ul {
1296 	margin: 0;
1297 }
1298 
1299 #ja-col1 ol, #ja-col2 ol {
1300 	margin-left: 5px;
1301 }
1302 
1303 #ja-col1 .article_separator,
1304 #ja-col2 .article_separator {
1305 	display: none;
1306 }

Image Files

  • bullet.gif

Javascript Files

ja_purity/js/XXXXX.js

1 
Advertisement