Joomla Templates Club 406,261 posts

[umereyefy Friend umereyefyJoin date: May 2008Posts: 10Downloads:0Uploads:0 Thanks: 5 Thanked: 1 times in 1 posts]

#128332

Hey Guys,

Just working on a non-profit website for a school. Wanted to know if I can change the Main Menu to bring that on the left of the Slide Show. Also to add, if I can modify the size of the Slide Show.

This is what I am talking about:

Current Layout:

Slide Show ——— Main Menu ————– Site News

Wanted Layout:

Main Menu ———— Slide Show —————–Site News

Hope you guys can help…

UE

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

#248156

Hi.
Plz edit index.php(templates/ja_avian_ii_m/index.php)
Search those lines:

<?php if (mosCountModules('user5') && mosCountModules('user1') || mosCountModules('user2')) { ?>
<!-- BEGIN: TOP SPOTLIGHT -->
<div id="ja-topsl" class="clearfix">

<?php if ( mosCountModules('user5') ) { ?>
<div id="ja-topsl-main">
<?php echo mosLoadModules ( 'user5',-1 ); ?>
</div>
<?php } ?>

<div id="ja-topsl-cols">
<div class="ja-innerpad">

<?php if ( mosCountModules('user1') ) { ?>
<div id="ja-topsl-col1" style="width: <?php echo $divwidth ?>;">
<?php echo mosLoadModules ( 'user1',-2 ); ?>
</div>
<?php } ?>

<?php if ( mosCountModules('user2') ) { ?>
<div id="ja-topsl-col2" style="width: <?php echo $divwidth ?>;">
<?php echo mosLoadModules ( 'user2',-2 ); ?>
</div>
<?php } ?>

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

</div>
<!-- END: TOP SPOTLIGHT -->
Change to

<?php if (mosCountModules('user5') && mosCountModules('user1') || mosCountModules('user2')) { ?>
<!-- BEGIN: TOP SPOTLIGHT -->
<div id="ja-topsl" class="clearfix">
<?php if ( mosCountModules('user1') ) { ?>
<div id="ja-topsl-col1" style="width: 20%;">
<?php echo mosLoadModules ( 'user1',-2 ); ?>
</div>
<?php } ?>
<?php if ( mosCountModules('user5') ) { ?>
<div id="ja-topsl-main">
<?php echo mosLoadModules ( 'user5',-1 ); ?>
</div>
<?php } ?>

<div id="ja-topsl-cols">
<div class="ja-innerpad">

<?php if ( mosCountModules('user2') ) { ?>
<div id="ja-topsl-col2" style="width: <?php echo $divwidth ?>;">
<?php echo mosLoadModules ( 'user2',-2 ); ?>
</div>
<?php } ?>

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

</div>
<!-- END: TOP SPOTLIGHT -->

Maybe you must edit anything as css, width,…

1 user says Thank You to Sherlock for this useful post

1. umereyefy

[umereyefy Friend umereyefyJoin date: May 2008Posts: 10Downloads:0Uploads:0 Thanks: 5 Thanked: 1 times in 1 posts]

#248157

Cool fix,

Now my site news is going crazy… Dont know why is that can you take a look at that?

http://umer.pecps.k12.va.us/umer/index.php

UE

[rimas Friend rimasJoin date: May 2008Posts: 70Downloads:0Uploads:6 Thanks: 11 Thanked: 1 times in 1 posts]

#252118

Hello, I want to change a bit layout and have such possibilities:

– slide show and news (see egzample 1)
– only slide show (see egzample 2)

How could I make it ?

Thank you.

---

Attachments:

1. 
2. 

[umereyefy Friend umereyefyJoin date: May 2008Posts: 10Downloads:0Uploads:0 Thanks: 5 Thanked: 1 times in 1 posts]

#252198

You have to make changes in the CSS file and change the slide show component. You also need to take out the news component from the administration panel. The changes for the CSS file will make you expand the slide show as long and wide as you want. Once you have the proper height and width measured you can then play around with the news component and its positioning.

UE

[rimas Friend rimasJoin date: May 2008Posts: 70Downloads:0Uploads:6 Thanks: 11 Thanked: 1 times in 1 posts]

#252318

Yes, I understand that. But I need egzactly instruction what to do in the first variant and what in the second.

Thanks

[rimas Friend rimasJoin date: May 2008Posts: 70Downloads:0Uploads:6 Thanks: 11 Thanked: 1 times in 1 posts]

#252708

Hello, anyone could help ?

[rimas Friend rimasJoin date: May 2008Posts: 70Downloads:0Uploads:6 Thanks: 11 Thanked: 1 times in 1 posts]

#254206

I made it my self :-):

change index.php in such way (just comment):

[PHP]<?php if ($this->countModules(‘user5’) && $this->countModules(‘user2’)) { ?>
<!– BEGIN: TOP SPOTLIGHT –>
<div id=”ja-topsl” class=”clearfix”>

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

<div id=”ja-topsl-cols”>
<div class=”ja-innerpad”>
<!–
<?php if ( $this->countModules(‘user1’) ) { ?>
<div id=”ja-topsl-col1″ style=”width: <?php echo $divwidth ?>;”>
<jdoc:include type=”modules” name=”user1″ style=”xhtml” />
</div>
<?php } ?>
–>
<?php if ( $this->countModules(‘user2’) ) { ?>
<div id=”ja-topsl-col2″ style=”width: <?php echo $divwidth ?>;”>
<jdoc:include type=”modules” name=”user2″ style=”rounded” />
</div>
<?php } ?>

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

</div>
<!– END: TOP SPOTLIGHT –>[/PHP]

Change css/template.css to:

[PHP]#ja-topsl-main {
width: 78%;
float: left;
margin-top: 8px;
}

#ja-topsl-cols {
width: 20%;
float: right;
}

#ja-topsl-col1 {
width: 0%;
float: left;
}

#ja-topsl-col2 {
width: 100%;
float: right;
}[/PHP]

Other combinations in the same way.

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

#254290

Thank your idea

[Author]

Posts