Joomla Templates Club 406,261 posts

[yasarts Friend yasartsJoin date: April 2007Posts: 25Downloads:2Uploads:2 Thanks: 2]

#125767

Hi,
first a big thanks to the team for the update of JA_Villadi for J!1.5.

(sorry for my english… I try to do my best…:-[ )

I discover the new system of template of J!1.5. It is very much hard than before and I have to ask you a question : I would like to display module in the user1, user2 and top position and have a color for them ; like for the right module.

Could you explain me how to do that ? (like in my actual website : http://www.petiteagora.net ).

For me, the best would be to create some new modules, just before the user1, user2 and top modules (as user7, user8 and user9).
I don’t know how to do…

Is this code is the good way ?
[PHP] <?php
$spotlight = array (‘user7′,’user8′,’user9’);
$topspl = $tmpTools->calSpotlight ($spotlight);
if( $topspl ) {
?>
<!– BEGIN: TOP SPOTLIGHT –>
<div id=”ja-topsl” class=”clearfix”>
<?php if ($this->countModules(‘user7’)) { ?>
<div id=”ja-topsl1″ class=”ja-box<?php echo $topspl[‘user7’][‘class’]; ?>” style=”width: <?php echo $topspl[‘user7’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user7″ style=”xhtml” />
</div>
<?php } ?>

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

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

[Michael Casha Friend Michael CashaJoin date: September 2014Posts: 2561Downloads:1Uploads:32 Thanks: 41 Thanked: 119 times in 1 posts]

#239343

Edit the module in the administrative area, then you can add the module suffix (-blue) to it.

[yasarts Friend yasartsJoin date: April 2007Posts: 25Downloads:2Uploads:2 Thanks: 2]

#239364

No, we can’t do it for the user1, user2 or top module ; that is only possible for right or left modules.

[yasarts Friend yasartsJoin date: April 2007Posts: 25Downloads:2Uploads:2 Thanks: 2]

#239366

I found how to create some new positions, but I can’t find how to edit the css to apply a suffixe (-blue, -orange…) at those module…
Thanks for your help (I have some problem with css anyway…)

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#239579

Hi yasarts !
Open the index.php file in the templates/ja_villadi folder :
change code section at about line 107 :


<!-- BEGIN: TOP SPOTLIGHT -->
<div id="ja-topsl" class="clearfix">
<?php if ($this->countModules('user1')) { ?>
<div id="ja-topsl1" class="ja-box<?php echo $topspl['user1']['class']; ?>" style="width: <?php echo $topspl['user1']['width']; ?>;">
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<?php } ?>

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

<?php if ($this->countModules('top')) { ?>
<div id="ja-topsl3" class="ja-box<?php echo $topspl['top']['class']; ?>" style="width: <?php echo $topspl['top']['width']; ?>;">
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
<?php } ?>
</div>
<!-- END: TOP SPOTLIGHT -->


into :


<!-- BEGIN: TOP SPOTLIGHT -->
<div id="ja-topsl" class="clearfix">
<?php if ($this->countModules('user1')) { ?>
<div id="ja-topsl1" class="ja-box<?php echo $topspl['user1']['class']; ?>" style="width: <?php echo $topspl['user1']['width']; ?>;">
<jdoc:include type="modules" name="user1" style="rounded" />
</div>
<?php } ?>

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

<?php if ($this->countModules('top')) { ?>
<div id="ja-topsl3" class="ja-box<?php echo $topspl['top']['class']; ?>" style="width: <?php echo $topspl['top']['width']; ?>;">
<jdoc:include type="modules" name="top" style="rounded" />
</div>
<?php } ?>
</div>
<!-- END: TOP SPOTLIGHT -->


then you add module suffix (-orange, -blue,..) in administrator area.

[yasarts Friend yasartsJoin date: April 2007Posts: 25Downloads:2Uploads:2 Thanks: 2]

#239665

Thanks a lot hainn84, I found this way and your post confirm it.
There is always a problem in fact : the title of the module don’t appear correctly (not like in the right column), and that’s make a little but in IE.
I looking in the css how to make it right but in fact I’m too bad 🙁 and I can’t find any solution…
Any idea ?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#240182

Hi yasarts !
sorry because reply later . You can try following way :

Open template_css.css file. Find code section at about line 1192 :


#ja-topsl h3,
#ja-botsl h3 {
padding: 0;
margin: 0 0 5px;
border: none;
background: none;
text-indent: 0;
color: #F0F0F0;
}


change to :


#ja-topsl1 div.module h3,
div.module-notitle h3,
div.module-blue h3,
div.module-orange h3,
div.module-green h3 {
margin: 0 0 10px -5px;
padding: 12px 5px;
font-size: 100%;
color: #FFFFFF;
}

Hope can help you !

2 users say Thank You to Sherlock for this useful post

1. yasarts
2. Michael Casha

[yasarts Friend yasartsJoin date: April 2007Posts: 25Downloads:2Uploads:2 Thanks: 2]

#240515

> hainn84 : You’re a god for me !!!!! 😀 Thanks a lot !

[quantaweb Friend quantawebJoin date: September 2007Posts: 38Downloads:0Uploads:2 Thanks: 4 Thanked: 6 times in 1 posts]

#248603

How would this be done in the J1.0 version of the template. The code seems to be quite different from what is shown here. Thanks in advance.

[Author]

Posts