J1.5

Customising the JA Purity template/body

< 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 and template.css, 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

HTML and PHP Files

ja_purity/index.php

 99 <body id="bd" class="fs<?php echo $tmpTools->getParam(JA_TOOL_FONT);?> <?php echo $tmpTools->browser();?>" >
100 <a name="Top" id="Top"></a>
101 <ul class="accessibility">
102 	<li><a href="#ja-content" title="<?php echo JText::_("Skip to content");?>"><?php echo JText::_("Skip to content");?></a></li>
103 	<li><a href="#ja-mainnav" title="<?php echo JText::_("Skip to main navigation");?>"><?php echo JText::_("Skip to main navigation");?></a></li>
104 	<li><a href="#ja-col1" title="<?php echo JText::_("Skip to 1st column");?>"><?php echo JText::_("Skip to 1st column");?></a></li>
105 	<li><a href="#ja-col2" title="<?php echo JText::_("Skip to 2nd column");?>"><?php echo JText::_("Skip to 2nd column");?></a></li>
106 </ul>
107 
108 <div id="ja-wrapper">
109 
110 <!-- BEGIN: HEADER -->
111 <div id="ja-headerwrap">
112 	<div id="ja-header" class="clearfix" style="background: url(<?php echo $tmpTools->templateurl(); ?>/images/header/<?php echo $tmpTools->getRandomImage(dirname(__FILE__).DS.'images/header'); ?>) no-repeat top <?php if($this->direction == 'rtl') echo 'left'; else echo 'right';?>;">
113 
114 	<div class="ja-headermask">&nbsp;</div>
115 
116 	<?php
117 		$siteName = $tmpTools->sitename();
118 		if ($tmpTools->getParam('logoType')=='image'): ?>
119 		<h1 class="logo">
120 			<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
121 		</h1>
122 	<?php else:
123 		$logoText = (trim($tmpTools->getParam('logoText'))=='') ? $config->sitename : $tmpTools->getParam('logoText');
124 		$sloganText = (trim($tmpTools->getParam('sloganText'))=='') ? JText::_('SITE SLOGAN') : $tmpTools->getParam('sloganText');	?>
125 		<h1 class="logo-text">
126 			<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $logoText; ?></span></a>
127 		</h1>
128 		<p class="site-slogan"><?php echo $sloganText;?></p>
129 	<?php endif; ?>
130 
131 	<?php $tmpTools->genToolMenu(JA_TOOL_FONT, 'png'); ?>
132 
133 	<?php if($this->countModules('user4')) : ?>
134 		<div id="ja-search">
135 			<jdoc:include type="modules" name="user4" />
136 		</div>
137 	<?php endif; ?>
138 
139 	</div>
140 </div>
141 <!-- END: HEADER -->
142 
143 <!-- BEGIN: MAIN NAVIGATION -->
144 <?php if ($this->countModules('hornav')): ?>
145 <div id="ja-mainnavwrap">
146 	<div id="ja-mainnav" class="clearfix">
147 	<jdoc:include type="modules" name="hornav" />
148 	</div>
149 </div>
150 <?php endif; ?>
151 <!-- END: MAIN NAVIGATION -->
152 
153 <div id="ja-containerwrap<?php echo $divid; ?>">
154 <div id="ja-containerwrap2">
155 	<div id="ja-container">
156 	<div id="ja-container2" class="clearfix">
157 
158 		<div id="ja-mainbody<?php echo $divid; ?>" class="clearfix">
159 
160 		<!-- BEGIN: CONTENT -->
161 		<div id="ja-contentwrap">
162 		<div id="ja-content">
163 
164 			<jdoc:include type="message" />
165 
166 			<?php if(!$tmpTools->isFrontPage()) : ?>
167 			<div id="ja-pathway">
168 				<jdoc:include type="module" name="breadcrumbs" />
169 			</div>
170 			<?php endif ; ?>
171 
172 			<jdoc:include type="component" />
173 
174 			<?php if($this->countModules('banner')) : ?>
175 			<div id="ja-banner">
176 				<jdoc:include type="modules" name="banner" />
177 			</div>
178 			<?php endif; ?>
179 
180 		</div>
181 		</div>
182 		<!-- END: CONTENT -->
183 
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; ?>
191 
192 		</div>
193 
194 		<?php if ($this->countModules('right')): ?>
195 		<!-- BEGIN: RIGHT COLUMN -->
196 		<div id="ja-col2">
197 			<jdoc:include type="modules" name="right" style="jarounded" />
198 		</div><br />
199 		<!-- END: RIGHT COLUMN -->
200 		<?php endif; ?>
201 
202 	</div>
203 	</div>
204 </div>
205 </div>
206 
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; ?>
244 
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 -->
271 
272 </div>
273 
274 <jdoc:include type="modules" name="debug" />
275 
276 </body>

CSS Files

ja_purity/css/template.css

 1 /* COMMON STYLE
 2 --------------------------------------------------------- */
 3 html, body, form, fieldset {
 4 	margin: 0;
 5 	padding: 0;
 6 }
 7 
 8 body {
 9 	color: #000000;
10 	background: #FFFFFF;
11 	font-family: Arial, Helvetica, sans-serif;
12 	line-height: 150%;
13 }
14 
15 body#bd {
16 	color: #333333;
17 	background: #F2F2F2;
18 }
19 
20 body.contentpane {
21 	width: auto; /* Printable Page */
22 	margin: 1em 2em;
23 	line-height: 1.3em;
24 	margin: 0px 0px 0px 0px;
25 	font-size: 12px;
26 	color: #333;
27 }
28 
29 body.fs1 {
30 	font-size: 10px;
31 }
32 
33 body.fs2{
34 	font-size: 11px;
35 }
36 
37 body.fs3{
38 	font-size: 12px;
39 }
40 
41 body.fs4{
42 	font-size: 13px;
43 }
44 
45 body.fs5{
46 	font-size: 14px;
47 }
48 
49 body.fs6{
50 	font-size: 15px;
51 }

Image Files

Javascript Files

Advertisement