Difference between revisions of "Customising the JA Purity template/spotlight"
From Joomla! Documentation
< J1.5:Customising the JA Purity template
m |
m (→ja_purity/js/XXXXX.js: archiving articles with category removal and addition) |
||
(6 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
− | {{stub}} | + | {{stub/abandoned}} |
− | + | {{:Customising the JA Purity template/tutorialtemplate|index.php, template.css and vdot2.gif|<pre> | |
− | + | <location of template>/ | |
− | < | + | index.php |
− | + | css/ | |
− | + | template.css | |
− | + | images/ | |
− | + | vdot2.gif | |
− | </pre> | + | </pre>}} |
+ | ==HTML and PHP Files== | ||
+ | ===ja_purity/index.php=== | ||
+ | <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=== | ||
<source lang="javascript" line start=""> | <source lang="javascript" line start=""> | ||
</source> | </source> | ||
− | + | ||
− | [[Category: | + | [[Category:Archived version Joomla! 1.5|{{PAGENAME}}]] |
− | |||
− | |||
− |
Latest revision as of 09:28, 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, 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[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