Difference between revisions of "Customising the JA Purity template/body"
From Joomla! Documentation
< J1.5:Customising the JA Purity template
m (New page: {{stub}}) |
m (→Javascript Files: archiving articles with category removal and addition) |
||
(13 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
− | {{stub}} | + | {{stub/abandoned}} |
+ | {{:Customising the JA Purity template/tutorialtemplate|index.php and template.css|<pre> | ||
+ | <location of template>/ | ||
+ | index.php | ||
+ | css/ | ||
+ | template.css | ||
+ | </pre>}} | ||
+ | ==HTML and PHP Files== | ||
+ | ===ja_purity/index.php=== | ||
+ | <source lang="php" line start="99"> | ||
+ | <body id="bd" class="fs<?php echo $tmpTools->getParam(JA_TOOL_FONT);?> <?php echo $tmpTools->browser();?>" > | ||
+ | <a name="Top" id="Top"></a> | ||
+ | <ul class="accessibility"> | ||
+ | <li><a href="#ja-content" title="<?php echo JText::_("Skip to content");?>"><?php echo JText::_("Skip to content");?></a></li> | ||
+ | <li><a href="#ja-mainnav" title="<?php echo JText::_("Skip to main navigation");?>"><?php echo JText::_("Skip to main navigation");?></a></li> | ||
+ | <li><a href="#ja-col1" title="<?php echo JText::_("Skip to 1st column");?>"><?php echo JText::_("Skip to 1st column");?></a></li> | ||
+ | <li><a href="#ja-col2" title="<?php echo JText::_("Skip to 2nd column");?>"><?php echo JText::_("Skip to 2nd column");?></a></li> | ||
+ | </ul> | ||
+ | |||
+ | <div id="ja-wrapper"> | ||
+ | |||
+ | <!-- BEGIN: HEADER --> | ||
+ | <div id="ja-headerwrap"> | ||
+ | <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';?>;"> | ||
+ | |||
+ | <div class="ja-headermask"> </div> | ||
+ | |||
+ | <?php | ||
+ | $siteName = $tmpTools->sitename(); | ||
+ | if ($tmpTools->getParam('logoType')=='image'): ?> | ||
+ | <h1 class="logo"> | ||
+ | <a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a> | ||
+ | </h1> | ||
+ | <?php else: | ||
+ | $logoText = (trim($tmpTools->getParam('logoText'))=='') ? $config->sitename : $tmpTools->getParam('logoText'); | ||
+ | $sloganText = (trim($tmpTools->getParam('sloganText'))=='') ? JText::_('SITE SLOGAN') : $tmpTools->getParam('sloganText'); ?> | ||
+ | <h1 class="logo-text"> | ||
+ | <a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $logoText; ?></span></a> | ||
+ | </h1> | ||
+ | <p class="site-slogan"><?php echo $sloganText;?></p> | ||
+ | <?php endif; ?> | ||
+ | |||
+ | <?php $tmpTools->genToolMenu(JA_TOOL_FONT, 'png'); ?> | ||
+ | |||
+ | <?php if($this->countModules('user4')) : ?> | ||
+ | <div id="ja-search"> | ||
+ | <jdoc:include type="modules" name="user4" /> | ||
+ | </div> | ||
+ | <?php endif; ?> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <!-- END: HEADER --> | ||
+ | |||
+ | <!-- BEGIN: MAIN NAVIGATION --> | ||
+ | <?php if ($this->countModules('hornav')): ?> | ||
+ | <div id="ja-mainnavwrap"> | ||
+ | <div id="ja-mainnav" class="clearfix"> | ||
+ | <jdoc:include type="modules" name="hornav" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <?php endif; ?> | ||
+ | <!-- END: MAIN NAVIGATION --> | ||
+ | |||
+ | <div id="ja-containerwrap<?php echo $divid; ?>"> | ||
+ | <div id="ja-containerwrap2"> | ||
+ | <div id="ja-container"> | ||
+ | <div id="ja-container2" class="clearfix"> | ||
+ | |||
+ | <div id="ja-mainbody<?php echo $divid; ?>" class="clearfix"> | ||
+ | |||
+ | <!-- BEGIN: CONTENT --> | ||
+ | <div id="ja-contentwrap"> | ||
+ | <div id="ja-content"> | ||
+ | |||
+ | <jdoc:include type="message" /> | ||
+ | |||
+ | <?php if(!$tmpTools->isFrontPage()) : ?> | ||
+ | <div id="ja-pathway"> | ||
+ | <jdoc:include type="module" name="breadcrumbs" /> | ||
+ | </div> | ||
+ | <?php endif ; ?> | ||
+ | |||
+ | <jdoc:include type="component" /> | ||
+ | |||
+ | <?php if($this->countModules('banner')) : ?> | ||
+ | <div id="ja-banner"> | ||
+ | <jdoc:include type="modules" name="banner" /> | ||
+ | </div> | ||
+ | <?php endif; ?> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <!-- END: CONTENT --> | ||
+ | |||
+ | <?php if ($this->countModules('left')): ?> | ||
+ | <!-- BEGIN: LEFT COLUMN --> | ||
+ | <div id="ja-col1"> | ||
+ | <jdoc:include type="modules" name="left" style="xhtml" /> | ||
+ | </div><br /> | ||
+ | <!-- END: LEFT COLUMN --> | ||
+ | <?php endif; ?> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <?php if ($this->countModules('right')): ?> | ||
+ | <!-- BEGIN: RIGHT COLUMN --> | ||
+ | <div id="ja-col2"> | ||
+ | <jdoc:include type="modules" name="right" style="jarounded" /> | ||
+ | </div><br /> | ||
+ | <!-- END: RIGHT COLUMN --> | ||
+ | <?php endif; ?> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <?php | ||
+ | $spotlight = array ('user1','user2','top','user5'); | ||
+ | $botsl = $tmpTools->calSpotlight ($spotlight,99,22); | ||
+ | if( $botsl ) : | ||
+ | ?> | ||
+ | <!-- BEGIN: BOTTOM SPOTLIGHT --> | ||
+ | <div id="ja-botslwrap"> | ||
+ | <div id="ja-botsl" class="clearfix"> | ||
+ | |||
+ | <?php if( $this->countModules('user1') ): ?> | ||
+ | <div class="ja-box<?php echo $botsl['user1']['class']; ?>" style="width: <?php echo $botsl['user1']['width']; ?>;"> | ||
+ | <jdoc:include type="modules" name="user1" style="xhtml" /> | ||
+ | </div> | ||
+ | <?php endif; ?> | ||
+ | |||
+ | <?php if( $this->countModules('user2') ): ?> | ||
+ | <div class="ja-box<?php echo $botsl['user2']['class']; ?>" style="width: <?php echo $botsl['user2']['width']; ?>;"> | ||
+ | <jdoc:include type="modules" name="user2" style="xhtml" /> | ||
+ | </div> | ||
+ | <?php endif; ?> | ||
+ | |||
+ | <?php if( $this->countModules('top') ): ?> | ||
+ | <div class="ja-box<?php echo $botsl['top']['class']; ?>" style="width: <?php echo $botsl['top']['width']; ?>;"> | ||
+ | <jdoc:include type="modules" name="top" style="xhtml" /> | ||
+ | </div> | ||
+ | <?php endif; ?> | ||
+ | |||
+ | <?php if( $this->countModules('user5') ): ?> | ||
+ | <div class="ja-box<?php echo $botsl['user5']['class']; ?>" style="width: <?php echo $botsl['user5']['width']; ?>;"> | ||
+ | <jdoc:include type="modules" name="user5" style="xhtml" /> | ||
+ | </div> | ||
+ | <?php endif; ?> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <!-- END: BOTTOM SPOTLIGHT --> | ||
+ | <?php endif; ?> | ||
+ | |||
+ | <!-- BEGIN: FOOTER --> | ||
+ | <div id="ja-footerwrap"> | ||
+ | <div id="ja-footer" class="clearfix"> | ||
+ | |||
+ | <div id="ja-footnav"> | ||
+ | <jdoc:include type="modules" name="user3" /> | ||
+ | </div> | ||
+ | |||
+ | <div class="copyright"> | ||
+ | <jdoc:include type="modules" name="footer" /> | ||
+ | </div> | ||
+ | |||
+ | <div class="ja-cert"> | ||
+ | <jdoc:include type="modules" name="syndicate" /> | ||
+ | <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank" title="<?php echo JText::_("CSS Validity");?>" style="text-decoration: none;"> | ||
+ | <img src="<?php echo $tmpTools->templateurl(); ?>/images/but-css.gif" border="none" alt="<?php echo JText::_("CSS Validity");?>" /> | ||
+ | </a> | ||
+ | <a href="http://validator.w3.org/check/referer" target="_blank" title="<?php echo JText::_("XHTML Validity");?>" style="text-decoration: none;"> | ||
+ | <img src="<?php echo $tmpTools->templateurl(); ?>/images/but-xhtml10.gif" border="none" alt="<?php echo JText::_("XHTML Validity");?>" /> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <br /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- END: FOOTER --> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <jdoc:include type="modules" name="debug" /> | ||
+ | |||
+ | </body> | ||
+ | </source> | ||
+ | ==CSS Files== | ||
+ | ===ja_purity/css/template.css=== | ||
+ | <source lang="css" line> | ||
+ | /* COMMON STYLE | ||
+ | --------------------------------------------------------- */ | ||
+ | html, body, form, fieldset { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | color: #000000; | ||
+ | background: #FFFFFF; | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | line-height: 150%; | ||
+ | } | ||
+ | |||
+ | body#bd { | ||
+ | color: #333333; | ||
+ | background: #F2F2F2; | ||
+ | } | ||
+ | |||
+ | body.contentpane { | ||
+ | width: auto; /* Printable Page */ | ||
+ | margin: 1em 2em; | ||
+ | line-height: 1.3em; | ||
+ | margin: 0px 0px 0px 0px; | ||
+ | font-size: 12px; | ||
+ | color: #333; | ||
+ | } | ||
+ | |||
+ | body.fs1 { | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | |||
+ | body.fs2{ | ||
+ | font-size: 11px; | ||
+ | } | ||
+ | |||
+ | body.fs3{ | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | body.fs4{ | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | |||
+ | body.fs5{ | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | body.fs6{ | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | </source> | ||
+ | ==Image Files== | ||
+ | ==Javascript Files== | ||
+ | |||
+ | [[Category:Archived version Joomla! 1.5|{{PAGENAME}}]] |
Latest revision as of 09:24, 29 April 2013
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.
This article was once a stub and incomplete. It is now archived, PLEASE do not edit it! It references unsupported versions. |
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[edit]
ja_purity/index.php[edit]
<body id="bd" class="fs<?php echo $tmpTools->getParam(JA_TOOL_FONT);?> <?php echo $tmpTools->browser();?>" >
<a name="Top" id="Top"></a>
<ul class="accessibility">
<li><a href="#ja-content" title="<?php echo JText::_("Skip to content");?>"><?php echo JText::_("Skip to content");?></a></li>
<li><a href="#ja-mainnav" title="<?php echo JText::_("Skip to main navigation");?>"><?php echo JText::_("Skip to main navigation");?></a></li>
<li><a href="#ja-col1" title="<?php echo JText::_("Skip to 1st column");?>"><?php echo JText::_("Skip to 1st column");?></a></li>
<li><a href="#ja-col2" title="<?php echo JText::_("Skip to 2nd column");?>"><?php echo JText::_("Skip to 2nd column");?></a></li>
</ul>
<div id="ja-wrapper">
<!-- BEGIN: HEADER -->
<div id="ja-headerwrap">
<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';?>;">
<div class="ja-headermask"> </div>
<?php
$siteName = $tmpTools->sitename();
if ($tmpTools->getParam('logoType')=='image'): ?>
<h1 class="logo">
<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
</h1>
<?php else:
$logoText = (trim($tmpTools->getParam('logoText'))=='') ? $config->sitename : $tmpTools->getParam('logoText');
$sloganText = (trim($tmpTools->getParam('sloganText'))=='') ? JText::_('SITE SLOGAN') : $tmpTools->getParam('sloganText'); ?>
<h1 class="logo-text">
<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $logoText; ?></span></a>
</h1>
<p class="site-slogan"><?php echo $sloganText;?></p>
<?php endif; ?>
<?php $tmpTools->genToolMenu(JA_TOOL_FONT, 'png'); ?>
<?php if($this->countModules('user4')) : ?>
<div id="ja-search">
<jdoc:include type="modules" name="user4" />
</div>
<?php endif; ?>
</div>
</div>
<!-- END: HEADER -->
<!-- BEGIN: MAIN NAVIGATION -->
<?php if ($this->countModules('hornav')): ?>
<div id="ja-mainnavwrap">
<div id="ja-mainnav" class="clearfix">
<jdoc:include type="modules" name="hornav" />
</div>
</div>
<?php endif; ?>
<!-- END: MAIN NAVIGATION -->
<div id="ja-containerwrap<?php echo $divid; ?>">
<div id="ja-containerwrap2">
<div id="ja-container">
<div id="ja-container2" class="clearfix">
<div id="ja-mainbody<?php echo $divid; ?>" class="clearfix">
<!-- BEGIN: CONTENT -->
<div id="ja-contentwrap">
<div id="ja-content">
<jdoc:include type="message" />
<?php if(!$tmpTools->isFrontPage()) : ?>
<div id="ja-pathway">
<jdoc:include type="module" name="breadcrumbs" />
</div>
<?php endif ; ?>
<jdoc:include type="component" />
<?php if($this->countModules('banner')) : ?>
<div id="ja-banner">
<jdoc:include type="modules" name="banner" />
</div>
<?php endif; ?>
</div>
</div>
<!-- END: CONTENT -->
<?php if ($this->countModules('left')): ?>
<!-- BEGIN: LEFT COLUMN -->
<div id="ja-col1">
<jdoc:include type="modules" name="left" style="xhtml" />
</div><br />
<!-- END: LEFT COLUMN -->
<?php endif; ?>
</div>
<?php if ($this->countModules('right')): ?>
<!-- BEGIN: RIGHT COLUMN -->
<div id="ja-col2">
<jdoc:include type="modules" name="right" style="jarounded" />
</div><br />
<!-- END: RIGHT COLUMN -->
<?php endif; ?>
</div>
</div>
</div>
</div>
<?php
$spotlight = array ('user1','user2','top','user5');
$botsl = $tmpTools->calSpotlight ($spotlight,99,22);
if( $botsl ) :
?>
<!-- BEGIN: BOTTOM SPOTLIGHT -->
<div id="ja-botslwrap">
<div id="ja-botsl" class="clearfix">
<?php if( $this->countModules('user1') ): ?>
<div class="ja-box<?php echo $botsl['user1']['class']; ?>" style="width: <?php echo $botsl['user1']['width']; ?>;">
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<?php endif; ?>
<?php if( $this->countModules('user2') ): ?>
<div class="ja-box<?php echo $botsl['user2']['class']; ?>" style="width: <?php echo $botsl['user2']['width']; ?>;">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
<?php endif; ?>
<?php if( $this->countModules('top') ): ?>
<div class="ja-box<?php echo $botsl['top']['class']; ?>" style="width: <?php echo $botsl['top']['width']; ?>;">
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
<?php endif; ?>
<?php if( $this->countModules('user5') ): ?>
<div class="ja-box<?php echo $botsl['user5']['class']; ?>" style="width: <?php echo $botsl['user5']['width']; ?>;">
<jdoc:include type="modules" name="user5" style="xhtml" />
</div>
<?php endif; ?>
</div>
</div>
<!-- END: BOTTOM SPOTLIGHT -->
<?php endif; ?>
<!-- BEGIN: FOOTER -->
<div id="ja-footerwrap">
<div id="ja-footer" class="clearfix">
<div id="ja-footnav">
<jdoc:include type="modules" name="user3" />
</div>
<div class="copyright">
<jdoc:include type="modules" name="footer" />
</div>
<div class="ja-cert">
<jdoc:include type="modules" name="syndicate" />
<a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank" title="<?php echo JText::_("CSS Validity");?>" style="text-decoration: none;">
<img src="<?php echo $tmpTools->templateurl(); ?>/images/but-css.gif" border="none" alt="<?php echo JText::_("CSS Validity");?>" />
</a>
<a href="http://validator.w3.org/check/referer" target="_blank" title="<?php echo JText::_("XHTML Validity");?>" style="text-decoration: none;">
<img src="<?php echo $tmpTools->templateurl(); ?>/images/but-xhtml10.gif" border="none" alt="<?php echo JText::_("XHTML Validity");?>" />
</a>
</div>
<br />
</div>
</div>
<!-- END: FOOTER -->
</div>
<jdoc:include type="modules" name="debug" />
</body>
CSS Files[edit]
ja_purity/css/template.css[edit]
/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
margin: 0;
padding: 0;
}
body {
color: #000000;
background: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
line-height: 150%;
}
body#bd {
color: #333333;
background: #F2F2F2;
}
body.contentpane {
width: auto; /* Printable Page */
margin: 1em 2em;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
font-size: 12px;
color: #333;
}
body.fs1 {
font-size: 10px;
}
body.fs2{
font-size: 11px;
}
body.fs3{
font-size: 12px;
}
body.fs4{
font-size: 13px;
}
body.fs5{
font-size: 14px;
}
body.fs6{
font-size: 15px;
}