Joomla Templates Club 406,261 posts

[beyondsports Friend beyondsportsJoin date: May 2008Posts: 304Downloads:0Uploads:28 Thanks: 4 Thanked: 2 times in 1 posts]

#132826

i am trying to add 5 additional modules across the top of the template below the menu/ header above the topsl — a mirror image of the 5 mod’s at the bottom of the page…

i have gone in and added the positions in the template details page— but i dont know if i have placed the scripting correctly… here is what i have added highlighted and in bold…
<positions>
<position>hornav</position>
<position>user10</position>
<position>user11</position>
<position>user12</position>
<position>user13</position>
<position>user14</position>
<position>breadcrumbs</position>
<position>banner</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>topsl</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>user5</position>
<position>user6</position>
<position>user7</position>
<position>user8</position>
<position>user9</position>
<position>footer</position>
<position>syndicate</position>
<position>debug</position>
</positions>

and then i have gone in the index.php file and added the scripting — just copied and pasted the user 1,2,5,6 and 7 module positions… again i dont know if i have placed it correctly on the page… right now instea of 5 boxes across the top i have 5 mod positions stacked vertical going across the length of the page… what did i do wrong?

here is my index.php file…

<!– BEGIN: HEADER –>
<div id=”ja-header” class=”clearfix”>

<?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 } ?>

<?php if ($this->countModules(‘top’)) { ?>
<div id=”ja-login”>
<jdoc:include type=”modules” name=”top” style=”raw” />
</div>
<?php } ?>

</div>
<!– END: HEADER –>

<!– BEGIN: MAIN NAVIGATION –>
<div id=”ja-mainnavwrap”>

<div id=”ja-mainnav”>
<?php $jamenu->genMenu (0); ?>
</div>

<?php if ($this->countModules(‘user4’)) { ?>
<div id=”ja-search”>
<jdoc:include type=”modules” name=”user4″ style=”raw” />
</div>
<?php } ?>

</div>

<?php if ($hasSubnav) { ?>
<div id=”ja-subnav” class=”clearfix”>
<?php $jamenu->genMenu (1,1); ?>
</div>
<?php } ?>
<!– END: MAIN NAVIGATION –>

<?php
$spotlight = array (‘user10′,’user11′,’user12′,’user13′,’user14’);
?>

<?php if( $this->countModules(‘user10’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user10’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user10’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user10″ style=”xhtml” />
</div>
<?php } ?>

<?php if( $this->countModules(‘user11’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user11’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user11’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user11″ style=”xhtml” />
</div>
<?php } ?>

<?php if( $this->countModules(‘user12’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user12’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user12’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user12″ style=”xhtml” />
</div>
<?php } ?>

<?php if( $this->countModules(‘user13’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user13’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user13’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user13″ style=”xhtml” />
</div>
<?php } ?>

<?php if( $this->countModules(‘user14’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user14’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user14’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user14″ style=”xhtml” />
</div>
<?php } ?>

<div id=”ja-containerwrap<?php echo $divid; ?>”>
<div id=”ja-container”>
<div id=”ja-container2″ class=”clearfix”>
<div id=”ja-mainbody” class=”clearfix”>

<!– BEGIN: CONTENT –>
<div id=”ja-content” class=”clearfix”>

<jdoc:include type=”message” />

<?php if($this->countModules(‘topsl’)) : ?>
<!– BEGIN: TOPSL –>
<div id=”ja-topsl”>
<jdoc:include type=”modules” name=”topsl” />
</div>
<!– END: TOPSL –>
<?php endif; ?>

<div id=”ja-current-content” class=”clearfix”>

<jdoc:include type=”component” />

<?php if($this->countModules(‘banner’)) : ?>
<!– BEGIN: BANNER –>
<div id=”ja-banner”>
<jdoc:include type=”modules” name=”banner” />
</div>
<!– END: BANNER –>
<?php endif; ?>

</div>

</div>
<!– END: CONTENT –>

<?php if ($ja_right) { ?>
<!– BEGIN: RIGHT COLUMN –>
<div id=”ja-col2″>
<jdoc:include type=”modules” name=”right” style=”xhtml” />
</div><br />
<!– END: RIGHT COLUMN –>
<?php } ?>

</div>

<?php if ($ja_left) { ?>
<!– BEGIN: LEFT COLUMN –>
<div id=”ja-col1″>
<jdoc:include type=”modules” name=”left” style=”xhtml” />
</div>
<!– END: LEFT COLUMN –>
<?php } ?>

</div></div></div>

<!– BEGIN: PATHWAY –>
<div id=”ja-pathway”>
<strong>You are here  :</strong><jdoc:include type=”module” name=”breadcrumbs” />
</div>
<!– END: PATHWAY –>

<?php
$spotlight = array (‘user1′,’user2′,’user5′,’user6′,’user7′,’user8’);
$botsl = $tmpTools->calSpotlight ($spotlight,$tmpTools->isOP()?100:99.9);
if( $botsl ) {
?>
<!– BEGIN: BOTTOM SPOTLIGHT –>
<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 } ?>

<?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 } ?>

<?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 } ?>

<?php if( $this->countModules(‘user6’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user6’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user6’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user6″ style=”xhtml” />
</div>
<?php } ?>

<?php if( $this->countModules(‘user7’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user7’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user7’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user7″ style=”xhtml” />
</div>
<?php } ?>

<?php if( $this->countModules(‘user8’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user8’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user8’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user8″ style=”xhtml” />
</div>
<?php } ?>

</div>
<!– END: BOTTOM SPOTLIGHT –>

please let me know what i need to correct i have attached a screenshot too…
thanks
trey

---

Attachments:

1. 
2. 

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#268238

Hi beyondsports,

The JA Edenite template don’t support top spotlight, so if want to add top spotlight you can send to me the live url site and ftp account. I will help you.

[beyondsports Friend beyondsportsJoin date: May 2008Posts: 304Downloads:0Uploads:28 Thanks: 4 Thanked: 2 times in 1 posts]

#268252

i dont have it ftp’d right now… it is on a localhost on my laptop.. what do i have to do to put 5 module’s at the top of the template…

trey

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#268265

Hi beyondsports,

1. Copy following code section replace the red code section in the index.php file.


<?php
$spotlight = array ('user10','user11','user12','user13','user14');
$topsl = $tmpTools->calSpotlight ($spotlight,$tmpTools->isOP()?100:99.9);
if( $topsl ) {
?>
<!-- BEGIN: BOTTOM SPOTLIGHT -->
<div id="ja-topsl" class="clearfix">

<?php if( $this->countModules('user10') ) {?>
<div class="ja-box<?php echo $topsl['user10']['class']; ?>" style="width: <?php echo $topsl['user10']['width']; ?>;">
<jdoc:include type="modules" name="user10" style="xhtml" />
</div>
<?php } ?>

<?php if( $this->countModules('user11') ) {?>
<div class="ja-box<?php echo $topsl['user11']['class']; ?>" style="width: <?php echo $topsl['user11']['width']; ?>;">
<jdoc:include type="modules" name="user11" style="xhtml" />
</div>
<?php } ?>

<?php if( $this->countModules('user12') ) {?>
<div class="ja-box<?php echo $topsl['user12']['class']; ?>" style="width: <?php echo $topsl['user12']['width']; ?>;">
<jdoc:include type="modules" name="user12" style="xhtml" />
</div>
<?php } ?>

<?php if( $this->countModules('user13') ) {?>
<div class="ja-box<?php echo $topsl['user13']['class']; ?>" style="width: <?php echo $topsl['user13']['width']; ?>;">
<jdoc:include type="modules" name="user13" style="xhtml" />
</div>
<?php } ?>

<?php if( $this->countModules('user14') ) {?>
<div class="ja-box<?php echo $topsl['user14']['class']; ?>" style="width: <?php echo $topsl['user14']['width']; ?>;">
<jdoc:include type="modules" name="user14" style="xhtml" />
</div>
<?php } ?>

</div>
<!-- END: BOTTOM SPOTLIGHT -->
<?php } ?>


2. Open the template.css file search following code section (about line 890).


/* Top spotlight */
#ja-topsl {
height: 240px;
margin: 0 0 10px;
overflow:hidden;
width:98%;
}


and change to.


/* Top spotlight */
#ja-topsl {
height: 240px;
margin: 10px 0 10px;
overflow: hidden;
}


[beyondsports Friend beyondsportsJoin date: May 2008Posts: 304Downloads:0Uploads:28 Thanks: 4 Thanked: 2 times in 1 posts]

#268292

thanks…worked like a charm…. i have a huge white space below the module’s now— where can i edit that; so, i can bring up the left/right and topsl columns/ module position’s…. also how would i edit the mod’s…css code so the header’s for the module dont show up… right now i’ve got grey header’s for each module…

thanks
trey

[beyondsports Friend beyondsportsJoin date: May 2008Posts: 304Downloads:0Uploads:28 Thanks: 4 Thanked: 2 times in 1 posts]

#268296

i hope i am making sense explaining this…

ok i see what you have done… tying the 5 mod’s into the topsl spotlight… and how i edited the css… should we change the name of the 5 mod’s; so, it isnt connected to the topsl mod position in this case which is the ja image slider… right now the 5 mods have a height of 240 hence the white space and the present dimensions of the ja image sider mod…. should the height be collapsible based upon the content–like user 1,2,5,6 and 7…..

should i edit the index and give it’s own identity??? wondering…

thanks
trey

[Author]

Posts