Joomla Templates Club 406,261 posts

[ahmetsait Friend ahmetsaitJoin date: February 2008Posts: 33Downloads:63Uploads:3 Thanks: 13 Thanked: 1 times in 1 posts]

#142980

How can I change the layout to 1 left + body + 1 right column ? :((

[hultman Friend hultmanJoin date: September 2006Posts: 62Downloads:0Uploads:1 Thanks: 2 Thanked: 8 times in 1 posts]

#312693

This i s just an example I did with the Ja Cooper Business template to create a left, content and right column.

/* Modification in the templates/ja_cooper_business/index.php*/

<div id=”ja-container”><div id=”ja-container-innerpad” class=”clearfix”>

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

<!– BEGIN: CONTENT –>
<div id=”ja-contentwrap” class=”clearfix”>
<div id=”ja-content”>
<?php if($this->countModules(‘user6’)) : ?>
<!– BEGIN: BANNER –>
<div id=”ja-tabwrap”>
<jdoc:include type=”modules” name=”user6″ style=”raw” />
</div>
<!– END: BANNER –>
<?php endif; ?>
<jdoc:include type=”message” />

<div id=”ja-current-content” class=”clearfix”><div id=”ja-wrap1″>
<jdoc:include type=”component” />
</div></div>

<?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″>
<div class=”ja-innerpad”>
<jdoc:include type=”modules” name=”right” style=”jamodule” />
</div></div><br />
<!– END: RIGHT COLUMN –>
<?php } ?>

/* Modification in the templates/ja_cooper_business/css/template.css*/

/*columns*/
#ja-col1 {
float: left;
overflow: hidden;
width: 21%;
}

#ja-col1 div.ja-innerpad {
padding: 18px 15px 0 0;
}

#ja-col2 div.ja-innerpad {
padding: 0 0 0 5px;
}

#ja-col2 {
float: right;
overflow: hidden;
width: 20%;
}

Dont forget to make a backup of index.php and template.css first

/Steve

[agent graves Friend agent gravesJoin date: September 2009Posts: 24Downloads:1Uploads:3 Thanks: 5]

#320872

HI hultman, thats exactly how i’d like my site to look.
I tried your code and got really close but as I’m a newbie I could see where I was going wrong.
Which parts of the index.php should you replace and which parts should you leave? Do you have a copy and paste version?

[Author]

Posts