Joomla Templates Club 406,261 posts

[chanton Friend chantonJoin date: July 2006Posts: 137Downloads:0Uploads:10 Thanks: 6 Thanked: 2 times in 1 posts]

#136868

I want to add 3 new module postions on the top (see attached screenshot) for login, languag and top menu modules.

How can I do that?

thanks.

---

Attachments:

1. 

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#285375

Hi chanton,

Please open file templates/ja_mesolite/index.php, at about line 85, find following code:
[PHP]<!– BEGIN: HEADER –>
<div id=”ja-headerwrap”>[/PHP]
and change to:

[PHP]<!– BEGIN: HEADER –>
<div id=”ja-topmodule”>
<?php
$spotlight = array (‘user10′,’user11′,’user12’);
$botsl = $tmpTools->calSpotlight ($spotlight,60,20,’right’);
if( $botsl ) {
?>
<!– BEGIN: BOTTOM SPOTLIGHT –>
<div id=”ja-botsl” class=”clearfix”>

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

</div>
<!– END: BOTTOM SPOTLIGHT –>
<?php } ?>
</div>
<div id=”ja-headerwrap”>[/PHP]

In Admin, you can create modules and select user10,user11,user12 postion for those modules.

3 users say Thank You to JA Developer for this useful post

1. sfpkent
2. chanton
3. missyw

[chanton Friend chantonJoin date: July 2006Posts: 137Downloads:0Uploads:10 Thanks: 6 Thanked: 2 times in 1 posts]

#285387

thanks so much. But how to align them on the right?

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#285532

add following script:

#ja-topmodule {
float: right;
}

to the end of template.css file.

[chanton Friend chantonJoin date: July 2006Posts: 137Downloads:0Uploads:10 Thanks: 6 Thanked: 2 times in 1 posts]

#285533

No, adding the below to template.css does not work. It breaks the teamplate layout.

#ja-topmodule {
float: right;
}

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#285601

Please try to add following script to the end of template.css file:

#ja-topmodule {
width: 100%;
}

#ja-topmodule .ja-box-left {
float: right;
}
#ja-topmodule .ja-box-center {
float: right;
}
#ja-topmodule .ja-box-right {
float: right;
}

[chanton Friend chantonJoin date: July 2006Posts: 137Downloads:0Uploads:10 Thanks: 6 Thanked: 2 times in 1 posts]

#285735

it works now. thanks.

[Author]

Posts