Find out more about the “Show Off Your Avatar Campaign”
Search:     Advanced search
229597 Posts in 43270 Topics - Latest Member: Anthony Dlamini
RocketTheme  |  General  |  Free/GPL/Tutorials Discussions  |  Topic: Columns both left and right possible? « previous next »
Pages: [1] Go Down Print
Author Topic: Columns both left and right possible?  (Read 5164 times)
Bulsara
Newbie
*
Offline Offline

Posts: 8
Columns both left and right possible?
« on: February 26, 2008, 08:02:38 AM »
Hi there, im testing out the Novus template, and I wonder, is it possible to module columns both left and right?
I have tried some stuff out, but it seems I come to short.

Played around with module placements. But this code seems to corrupt my template. Maybe im putting it in the wrong spot.
Code:
<div id="right">
<div id="right-column">
<?php if (mosCountModules('right')) : ?>
<?php mosLoadModules('right',-2); ?>
</div>
</div>
</div>
</div>
<?php endif; ?>
Also added the divs to css, with #right to float right.
And added to index.php:
Code:
#left { width: <?php echo $side_column; ?>;}
#main-column { margin-right: <?php echo $side_column; ?>;
       margin-left: <?php echo $side_column; ?>;}
#right { width: <?php echo $side_column; ?>;}

Any help on this would be appreciated.

Sorry. Its local on my harddrive so no online link.

Thanks Smiley
Logged
James S!
Muffin Man
RocketTheme
Hero Rocketteer
*
Offline Offline

Posts: 38324


Firebug...Firebug...Firebug!

WWW
Re: Columns both left and right possible?
« Reply #1 on: February 26, 2008, 10:50:36 AM »
For an idea, have you seen? http://www.rockettheme.com/option,com_smf/Itemid,190/topic,24069.0/
Logged
Firebug Video Tuts: - Editing HTML - Javascript Errors - Logo Changes

Video tutorials on how to use Firebug, its what we use Smiley
Bulsara
Newbie
*
Offline Offline

Posts: 8
Re: Columns both left and right possible?
« Reply #2 on: February 27, 2008, 01:16:02 AM »
Thanks James,
seems I have to resubscribe to Joomla Club tho. Seems its on the members forum.
Your a regular salesman, "press this link and you'll find your answer".

Will need it anyway for your ace templates and membership madness.

Yours sincerely,
Johan
Logged
Bulsara
Newbie
*
Offline Offline

Posts: 8
Re: Columns both left and right possible?
« Reply #3 on: February 27, 2008, 02:35:41 AM »
I signed for a new year and had a look at that thread James, but actually, in Novus, there is no right column preset.
I tested to change the left to right and thats no problem, using this thread: http://www.rockettheme.com/option,com_smf/Itemid,190/topic,24744.0/

Now, I want to use both sides. Will work on this today and post solution.
Logged
Bulsara
Newbie
*
Offline Offline

Posts: 8
Re: Columns both left and right possible?
« Reply #4 on: February 27, 2008, 03:49:10 AM »
I got it working, just need some tweaking now.

Here's what I did,
first I changed/added this in index.php:

Below:
Code:
#sidecol { width: <?php echo $side_column; ?>;}
I added:
Code:
#right { width: <?php echo $side_column; ?>;}

I changed:
Code:
#main-column { margin-left: <?php echo $side_column; ?>;}
To:
Code:
#main-column { margin-left: <?php echo $side_column; ?>;
margin-right: <?php echo $side_column; ?>;}

Added:
Code:
<div id="right">
<div id="right-column">
<?php if (mosCountModules('right')) : ?>
<div class="padding">
<div class="inner">
<?php mosLoadModules('right',-2); ?>
</div>
</div>
</div>
</div>
<?php endif; ?>
Just below:
Code:
<?php endif; ?>
<?php mosLoadModules('left',-2); ?>
</div>
</div>
</div>
</div>

To template_css.css I added:
Code:
#right {
float: right;
}

Also added:
Code:
#right-column {
background: #E7F9FB;
width: 93%;
margin-left: 10px;
}

#right-column .padding {
padding: 4px;
}

#right-column .inner {
background: #fff;
padding: 4px;
}

Note the "margin-left: 10px;" there, I cant figure out why I need it... the right column will just be misplaced if not.
Logged
pmoore
Rocketeer
***
Offline Offline

Posts: 87
Re: Columns both left and right possible?
« Reply #5 on: October 04, 2008, 01:12:59 PM »
Can someone translate this to J!1.5 please?

Thanks in advance
Logged
"You can pick your friends, and you can pick your code...but you can't pick your friend's code."

"I stumbled upon Rocket Theme, joined the club, then downloaded and started to learn about Joomla!"
James S!
Muffin Man
RocketTheme
Hero Rocketteer
*
Offline Offline

Posts: 38324


Firebug...Firebug...Firebug!

WWW
Re: Columns both left and right possible?
« Reply #6 on: October 05, 2008, 04:54:02 AM »
The only difference in the above is

<?php mosLoadModules('left', -2); ?>

Is

<jdoc:include type="modules" name="left" style="xhtml" />

Same with right Smiley
Logged
Firebug Video Tuts: - Editing HTML - Javascript Errors - Logo Changes

Video tutorials on how to use Firebug, its what we use Smiley
pmoore
Rocketeer
***
Offline Offline

Posts: 87
Re: Columns both left and right possible?
« Reply #7 on: October 09, 2008, 07:37:18 AM »
Didn't quite work out for me Sad

Here's my index.php...

first part:
Code:
div.wrapper { <?php echo $template_width; ?>}
#sidecol { width: <?php echo $side_column; ?>;}
#right { width: <?php echo $side_column; ?>;}
        #main-column { margin-left: <?php echo $side_column; ?>;
        margin-right: <?php echo $side_column; ?>;}


Second part:
Code:
<div id="content">
<div class="wrapper">
<?php if ($this->countModules('left') or $subnav) : ?>
<div id="sidecol">
<div id="side-column">
<div class="padding">
<div class="inner">
<?php if($subnav) : ?>
<div id="sub-menu">
<?php echo $subnav; ?>
</div>
<?php endif; ?>
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
</div>
</div>
</div>
<div id="right">
<div id="right-column">
      <?php if ($this->countModules('right') or $subnav) : ?>
<div class="padding">
<div class="inner">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div>
</div>
</div>
<?php endif; ?>
<?php endif; ?>
<div id="main-column">
<div class="padding">
<div class="inner">
<?php if ($show_breadcrumbs == "true") : ?>
<jdoc:include type="module" name="breadcrumbs" style="none" />
<?php endif; ?>

...and template_css.css
Code:
#right {
float: right;
}
#right-column {
background: #E7F9FB;
width: 93%;
margin-left: 10px;
}

#right-column .padding {
padding: 4px;
}

#right-column .inner {
background: #fff;
padding: 4px;
}

It looks great on mysite.com/?tp=1 but no luck with the live site.

Site is http://www.sowinlove.com

u- demo
p- demo

Thanks for any help if you can give it...
Logged
"You can pick your friends, and you can pick your code...but you can't pick your friend's code."

"I stumbled upon Rocket Theme, joined the club, then downloaded and started to learn about Joomla!"
pmoore
Rocketeer
***
Offline Offline

Posts: 87
Re: Columns both left and right possible?
« Reply #8 on: October 09, 2008, 07:42:46 AM »
Nevermind. 

Just for kicks I re-uploaded the style sheet and it's all good, well sort of.

In IE7 there's a chunk taken out of the main body (see pic).  It's weird...when I scroll up and down sometimes it's ok and sometimes is FUBAR.
Logged
"You can pick your friends, and you can pick your code...but you can't pick your friend's code."

"I stumbled upon Rocket Theme, joined the club, then downloaded and started to learn about Joomla!"
Pages: [1] Go Up Print 
RocketTheme  |  General  |  Free/GPL/Tutorials Discussions  |  Topic: Columns both left and right possible? « previous next »
Jump to:  

Want to see some great examples of the kind of sites that can be built on RocketTheme templates? Check out our RocketTheme Community Showcase award page and find out. Have a site of your own that you think is worthy? Submit it in the current Showcase nomination thread in the members forums.