J1.5

Customising the JA Purity template/spotlight

< J1.5:Customising the JA Purity template

The "J1.5" namespace is an archived namespace. This page contains information for a Joomla! version which is no longer supported. It exists only as a historical reference, it will not be improved and its content may be incomplete and/or contain broken links.

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 vdot2.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/
            vdot2.gif

HTML and PHP Files

ja_purity/index.php

207 <?php
208 $spotlight = array ('user1','user2','top','user5');
209 $botsl = $tmpTools->calSpotlight ($spotlight,99,22);
210 if( $botsl ) :
211 ?>
212 <!-- BEGIN: BOTTOM SPOTLIGHT -->
213 <div id="ja-botslwrap">
214 	<div id="ja-botsl" class="clearfix">
215 
216 	  <?php if( $this->countModules('user1') ): ?>
217 	  <div class="ja-box<?php echo $botsl['user1']['class']; ?>" style="width: <?php echo $botsl['user1']['width']; ?>;">
218 			<jdoc:include type="modules" name="user1" style="xhtml" />
219 	  </div>
220 	  <?php endif; ?>
221 
222 	  <?php if( $this->countModules('user2') ): ?>
223 	  <div class="ja-box<?php echo $botsl['user2']['class']; ?>" style="width: <?php echo $botsl['user2']['width']; ?>;">
224 			<jdoc:include type="modules" name="user2" style="xhtml" />
225 	  </div>
226 	  <?php endif; ?>
227 
228 	  <?php if( $this->countModules('top') ): ?>
229 	  <div class="ja-box<?php echo $botsl['top']['class']; ?>" style="width: <?php echo $botsl['top']['width']; ?>;">
230 			<jdoc:include type="modules" name="top" style="xhtml" />
231 	  </div>
232 	  <?php endif; ?>
233 
234 	  <?php if( $this->countModules('user5') ): ?>
235 	  <div class="ja-box<?php echo $botsl['user5']['class']; ?>" style="width: <?php echo $botsl['user5']['width']; ?>;">
236 			<jdoc:include type="modules" name="user5" style="xhtml" />
237 	  </div>
238 	  <?php endif; ?>
239 
240 	</div>
241 </div>
242 <!-- END: BOTTOM SPOTLIGHT -->
243 <?php endif; ?>

CSS Files

ja_purity/css/template.css

1308 /* SPOTLIGHT
1309 --------------------------------------------------------- */
1310 /* Spotlight Box Style */
1311 .ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
1312 	float: left;
1313 	overflow: hidden;
1314 }
1315 
1316 .ja-box-left div.moduletable,
1317 .ja-box-full div.moduletable {
1318 	padding-right: 30px;
1319 	background: none;
1320 }
1321 
1322 .ja-box-right div.moduletable {
1323 	padding-left: 30px;
1324 	background: url(../images/vdot2.gif) repeat-y left;
1325 }
1326 
1327 .ja-box-center div.moduletable {
1328 	padding: 0 30px;
1329 	background: url(../images/vdot2.gif) repeat-y left;
1330 }
1331 
1332 #ja-botsl h3 {
1333 	background: none;
1334 }
1335 
1336 #ja-botslwrap {
1337 	border-top: 5px solid #CCCCCC;
1338 	background: #444444;
1339 	color: #CCCCCC;
1340 }
1341 
1342 #ja-botsl {
1343 	padding: 15px 0;
1344 }
1345 
1346 #ja-botsl div.moduletable {
1347 	padding-top: 0;
1348 	padding-bottom: 0;
1349 	margin: 0;
1350 }
1351 
1352 #ja-botsl h3 {
1353 	margin: 0 0 12px;
1354 	padding: 0;
1355 	color: #FFFFFF;
1356 }
1357 
1358 #ja-botsl a {
1359 	color: #CCCCCC;
1360 }
1361 
1362 #ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
1363 	color: #FFFFFF;
1364 }
1365 
1366 #ja-botsl ul, #ja-botsl p, #ja-botsl ol {
1367 	padding: 0;
1368 	margin: 0 !important;
1369 }
1370 
1371 #ja-botsl ul li {
1372 	padding: 0 0 0 15px;
1373 	margin: 0;
1374 	background: url(../images/bullet2.gif) no-repeat 3px 8px;
1375 }
1376 
1377 #ja-botsl ol li {
1378 	margin-left: 25px;
1379 	padding: 0 !important;
1380 }
1381 
1382 #ja-botsl td {
1383 	padding: 0;
1384 }
1385 
1386 #ja-botsl .article_separator {
1387 	display: none;
1388 }
1389 
1390 #ja-botsl table {
1391 	border-spacing: 0;
1392 	border-collapse: collapse;
1393 }

Image Files

  • vdot2.gif

Javascript Files

ja_purity/js/XXXXX.js

1 
Advertisement