Difference between revisions of "Customising the JA Purity template/spotlight"
From Joomla! Documentation
< J1.5:Customising the JA Purity template
m |
|||
Line 1: | Line 1: | ||
{{stub}} | {{stub}} | ||
The original JA Purity template was provided from JoomlArt.com as a zip but the latest files have been installed along with Joomla. | 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, | + | The relevant files, index.php, template.css and vdot2.gif, are in the following directories:<br /> |
<pre> | <pre> | ||
templates/ja_purity | templates/ja_purity | ||
− | + | index.php | |
css/ | css/ | ||
− | + | template.css | |
+ | images/ | ||
+ | vdot2.gif | ||
</pre> | </pre> | ||
Line 12: | Line 14: | ||
<pre> | <pre> | ||
templates/my_japurity | templates/my_japurity | ||
− | + | index.php | |
css/ | css/ | ||
− | + | template.css | |
+ | images/ | ||
+ | vdot2.gif | ||
</pre> | </pre> | ||
==HTML and PHP Files== | ==HTML and PHP Files== | ||
− | ===ja_purity/ | + | ===ja_purity/index.php=== |
− | <source lang="php" line start=""> | + | <source lang="php" line start="207"> |
+ | <?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; ?> | ||
</source> | </source> | ||
==CSS Files== | ==CSS Files== | ||
− | ===ja_purity/css/ | + | ===ja_purity/css/template.css=== |
− | <source lang="css" line start=""> | + | <source lang="css" line start="1308"> |
+ | /* SPOTLIGHT | ||
+ | --------------------------------------------------------- */ | ||
+ | /* Spotlight Box Style */ | ||
+ | .ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right { | ||
+ | float: left; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .ja-box-left div.moduletable, | ||
+ | .ja-box-full div.moduletable { | ||
+ | padding-right: 30px; | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | .ja-box-right div.moduletable { | ||
+ | padding-left: 30px; | ||
+ | background: url(../images/vdot2.gif) repeat-y left; | ||
+ | } | ||
+ | |||
+ | .ja-box-center div.moduletable { | ||
+ | padding: 0 30px; | ||
+ | background: url(../images/vdot2.gif) repeat-y left; | ||
+ | } | ||
+ | |||
+ | #ja-botsl h3 { | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | #ja-botslwrap { | ||
+ | border-top: 5px solid #CCCCCC; | ||
+ | background: #444444; | ||
+ | color: #CCCCCC; | ||
+ | } | ||
+ | |||
+ | #ja-botsl { | ||
+ | padding: 15px 0; | ||
+ | } | ||
+ | |||
+ | #ja-botsl div.moduletable { | ||
+ | padding-top: 0; | ||
+ | padding-bottom: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #ja-botsl h3 { | ||
+ | margin: 0 0 12px; | ||
+ | padding: 0; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | #ja-botsl a { | ||
+ | color: #CCCCCC; | ||
+ | } | ||
+ | |||
+ | #ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus { | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | #ja-botsl ul, #ja-botsl p, #ja-botsl ol { | ||
+ | padding: 0; | ||
+ | margin: 0 !important; | ||
+ | } | ||
+ | |||
+ | #ja-botsl ul li { | ||
+ | padding: 0 0 0 15px; | ||
+ | margin: 0; | ||
+ | background: url(../images/bullet2.gif) no-repeat 3px 8px; | ||
+ | } | ||
+ | |||
+ | #ja-botsl ol li { | ||
+ | margin-left: 25px; | ||
+ | padding: 0 !important; | ||
+ | } | ||
+ | |||
+ | #ja-botsl td { | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #ja-botsl .article_separator { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #ja-botsl table { | ||
+ | border-spacing: 0; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
</source> | </source> | ||
==Image Files== | ==Image Files== | ||
+ | * vdot2.gif | ||
==Javascript Files== | ==Javascript Files== | ||
===ja_purity/js/XXXXX.js=== | ===ja_purity/js/XXXXX.js=== |
Revision as of 06:18, 24 June 2009
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 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 vdot2.gif, are in the following directories:
templates/ja_purity index.php css/ template.css images/ vdot2.gif
If you've been following the tutorial you can download a tutorial version of the template that installs to the following directory:
templates/my_japurity index.php css/ template.css images/ vdot2.gif
HTML and PHP Files[edit]
ja_purity/index.php[edit]
<?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; ?>
CSS Files[edit]
ja_purity/css/template.css[edit]
/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}
.ja-box-left div.moduletable,
.ja-box-full div.moduletable {
padding-right: 30px;
background: none;
}
.ja-box-right div.moduletable {
padding-left: 30px;
background: url(../images/vdot2.gif) repeat-y left;
}
.ja-box-center div.moduletable {
padding: 0 30px;
background: url(../images/vdot2.gif) repeat-y left;
}
#ja-botsl h3 {
background: none;
}
#ja-botslwrap {
border-top: 5px solid #CCCCCC;
background: #444444;
color: #CCCCCC;
}
#ja-botsl {
padding: 15px 0;
}
#ja-botsl div.moduletable {
padding-top: 0;
padding-bottom: 0;
margin: 0;
}
#ja-botsl h3 {
margin: 0 0 12px;
padding: 0;
color: #FFFFFF;
}
#ja-botsl a {
color: #CCCCCC;
}
#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
color: #FFFFFF;
}
#ja-botsl ul, #ja-botsl p, #ja-botsl ol {
padding: 0;
margin: 0 !important;
}
#ja-botsl ul li {
padding: 0 0 0 15px;
margin: 0;
background: url(../images/bullet2.gif) no-repeat 3px 8px;
}
#ja-botsl ol li {
margin-left: 25px;
padding: 0 !important;
}
#ja-botsl td {
padding: 0;
}
#ja-botsl .article_separator {
display: none;
}
#ja-botsl table {
border-spacing: 0;
border-collapse: collapse;
}
Image Files[edit]
- vdot2.gif