Joomla Templates Club 406,261 posts

[tianellita88 Friend tianellita88Join date: August 2007Posts: 39Downloads:0Uploads:0]

#124370

Hey guys,

Is there a way to move the right column and put it on the right side of the body instead of it being on the same side as the left column?
I’ve tried and lost my mind on it. How can i do it?
Thanks for your help,:confused::confused:

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#234485

Are you going to use the tabs at bottom left?

[tpodgorski Friend tpodgorskiJoin date: December 2005Posts: 20Downloads:0Uploads:0]

#234491

Yes, you can do it, but as Menalto asked, are you planning to use the tabs (moo tabs) that appear below the left/right columns? If so, then you really can’t, as that element requires the availability of those two narrow columns to provide its space.

However, I have successfully split the two narrow columns, creating a traditional 3-column layout (left-content-right) that DOESN’T use the moo tabs. Don’t have time to post the changes right now, but will do so later today.

(if I don’t, please nudge me — the holidays are stomping me)

Tracy

[tpodgorski Friend tpodgorskiJoin date: December 2005Posts: 20Downloads:0Uploads:0]

#234512

Okay, here’s what I did to make a traditional 3-column layout in JA Fagus, with LEFT / CONTENT / RIGHT columns.

*** Please note that my changes will disallow use of the moo tabs (via the deletion of the masscol) and possibly other items — edit with care and make sure you save a copy of both your index.php and template_css.css files before you begin editing.

Now, I’m sure this will make real coders/programmers/developers’ heads spin and spew chunks, as it’s a bit of McGyveresque code fudging of the first order. Hence, why I recommended that you save a backup of your original index.php and template_css.css files FIRST. Who knows what can happen….

Okay, on to the edits.

In index.php, change this:

<div id="ja-containerwrap<?php echo $divid ?>">
<div id="ja-container" class="clearfix">

<!-- BEGIN: CONTENT -->
<div id="ja-content">
<div id="ja-content-top">
<div id="ja-content-bot">
<div class="ja-innerpad clearfix">
<?php mosMainBody(); ?>
</div></div></div></div>
<!-- END: CONTENT -->

<?php if ($ja_left || $ja_right || $ja_masscol) { ?>
<!-- BEGIN: COLUMNS -->
<div id="ja-colwrap">

<?php if ($ja_left) { ?>
<div id="ja-col1"><div class="ja-innerpad">
<?php echo mosLoadModules ( 'left',-3 ); ?>
</div></div>
<?php } ?>

<?php if ($ja_right) { ?>
<div id="ja-col2"><div class="ja-innerpad">
<?php if ($hasSubnav) {?>
<div id="ja-subnav" class="module">
<div><div><div>
<h3>On This Page</h3>
<?php $jamenu->genMenu (1,1); ?>
</div></div></div>
</div>
<?php } ?>
<?php echo mosLoadModules ( 'right',-3 ); ?>
</div></div>
<?php } ?>

<!-- BEGIN: MASSCOL -->
<?php if ( $ja_masscol) { ?>
<div id="ja-masscol" class="clearfix">
<?php if (mosCountModules('user5')) { ?>
<script language="javascript" type="text/javascript" src="<?php echo $ja_template_path;?>/mootabs/mootabs1.2.js"></script>
<script type="text/javascript">
window.addEvent('domready', initmootabs);
function initmootabs() {
myTabs1 = new jamootabs('ja-tabswrap-bot', {
<?php echo $ja_mootabs_options; ?>
});
}
</script>
<div id="ja-tabswrap" class="clearfix">
<div id="ja-tabswrap-top">
<div id="ja-tabswrap-bot">
<div class="ja-tab-panels">
<?php mosLoadModules ( 'user5',-2 ); ?>
</div>
</div></div></div>
<?php } ?>
</div>
<?php } ?>
<!-- END: MASSCOL -->

</div><br />
<!-- END: COLUMNS -->
<?php } ?>
</div>
</div>

to this:

<div id="ja-containerwrap<?php echo $divid ?>">
<div id="ja-container" class="clearfix">

<?php if ($ja_left || $ja_right || $ja_masscol) { ?>

<!-- BEGIN: COLUMNS -->
<div id="ja-colwrap">

<!-- BEGIN: LEFT COLUMN -->
<?php if ($ja_left) { ?>
<div id="ja-col1"><div class="ja-innerpad">
<?php echo mosLoadModules ( 'left',-3 ); ?>
</div></div>
<?php } ?>
<!-- END: LEFT COLUMN -->

<!-- BEGIN: CONTENT -->
<div id="ja-content">
<div id="ja-content-top">
<div id="ja-content-bot">
<div class="ja-innerpad clearfix">
<?php mosMainBody(); ?>
</div></div></div></div>
<!-- END: CONTENT -->

</div>

<!-- BEGIN: RIGHT COLUMN -->

<?php if ($ja_right) { ?>
<div id="ja-col2"><div class="ja-innerpad">
<?php if ($hasSubnav) {?>
<div id="ja-subnav" class="module">
<div><div><div>
<h3>On This Page</h3>
<?php $jamenu->genMenu (1,1); ?>
</div></div></div>
</div>
<?php } ?>
<?php echo mosLoadModules ( 'right',-3 ); ?>
</div></div>
<?php } ?>

<!-- END: RIGHT COLUMN -->

<?php } ?>
</div>
</div>

<!-- END: COLUMNS -->

Okay, in the template_css.css file, change the following segments:

Under /* PRIMARY COLUMN change:

#ja-content {
float: right;
width: 55%;
background: url(../images/content-center.gif) repeat-y;
}

to

#ja-content {
float: right;
width: 550px;
background: url(../images/content-center.gif) repeat-y center;
}

(note that I’ve change the width from a percentage to a fixed width, as I needed my site to be a fixed width layout)

The, under /* SECONDARY COLUMNS, change the following:

#ja-colwrap {
float: left;
width: 44.9%;
overflow: hidden;
}

to

#ja-colwrap {
float: left;
width: 80%;
overflow: hidden;
}

(the width on this changes to allow for both left and content (center) columns; again, depending on the width you need your site, this number will vary, but it MUST be wise enough to contain both the left and content columns)

Under the same /* SECONDARY COLUMNS heading, change:

#ja-col1 {
float: left;
width: 50%;
overflow: hidden;
}

to

#ja-col1 {
float: left;
width: 180px;
overflow: hidden;
}

(again, width depending upon how wide you need your left column, but taking into consideration that it should be a lesser portion of the #ja-colwrap width)

And below that, change:

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


to

#ja-col2 {
float: right;
width: 180px;
overflow: hidden;
}

(this width should match the #ja-col1 width, if you want your right column width to match the left column width)

I think that should cover it. Please let me know if this does or doesn’t work for you. Again, this worked for me because I’m using a fixed width layout, with no option for resizing AND did not want to use the moo tabs or anything else that would have fit within the masscol.

Hope this helps you and/or anyone else. While it worked for me, it may not work for everyone.

Tracy

[tianellita88 Friend tianellita88Join date: August 2007Posts: 39Downloads:0Uploads:0]

#234518

Thank you,
I’ll keep you posted on how it goes …
btw … what is the moo tabs? as you can tell … i’m still fresh at this … but doing good so far … 😀

[tpodgorski Friend tpodgorskiJoin date: December 2005Posts: 20Downloads:0Uploads:0]

#234519

Moo tabs is the tabbing system that appears in the Screenshots and Modules Guide as User 5 (#5):

http://www.joomlart.com/templates_club/club_portfolio/ja_fagus.html

In the index.php, “user 5” appears within the “masscol” and since my revisions do away with the masscol, you would no longer be able to use the moo tabs (user 5) as shown in the screenshot. Now, you might be able to tweak moo tabs (found in the /mootabs directory) to fit somewhere else (perhaps below the Content?) if you still want it.

Tracy

[aris Friend arisJoin date: April 2014Posts: 106Downloads:27Uploads:9 Thanks: 83 Thanked: 8 times in 1 posts]

#235078

Hi %D%A%D%Ait works but doesnt auto collapse ,, %D%A%D%A

[tpodgorski Friend tpodgorskiJoin date: December 2005Posts: 20Downloads:0Uploads:0]

#235092

Yes, you are correct, but I noted to this effect when I mentioned that it’s a fixed width version of the template. Fixed width will not autocollapse.

Again, this meets my own unique needs, but does not allow for many of the extras included with the original template (I have a nasty habit of gutting original templates to use for my own (some say) nefarious purposes). So it’s not for most people who like all those additional bells & whistles that come with the original template package.

Tracy

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#235093

Tracy I’m curious to see what all this gutting looks loke can we see?

[aris Friend arisJoin date: April 2014Posts: 106Downloads:27Uploads:9 Thanks: 83 Thanked: 8 times in 1 posts]

#235321

hi, %D%A%D%Ai am still struggling to get this things done %D%Ahope someone can guide me .%D%Ai need something like posted. left |.mainbody|.right. and should be able to use both wide and narrow. i.e auto collapse.%D%A%Dªnyone can share if there is success stories please.%D%Athank you.

[aris Friend arisJoin date: April 2014Posts: 106Downloads:27Uploads:9 Thanks: 83 Thanked: 8 times in 1 posts]

#235322

i really wonder why this templates are not flexible to change .:((

[aris Friend arisJoin date: April 2014Posts: 106Downloads:27Uploads:9 Thanks: 83 Thanked: 8 times in 1 posts]

#235332

hello. any help on this ??%D%A%D%Aits quite urgent now ..been delaying while allready..:((

[tpodgorski Friend tpodgorskiJoin date: December 2005Posts: 20Downloads:0Uploads:0]

#235345

<em>@mfcphil 35162 wrote:</em><blockquote>Tracy I’m curious to see what all this gutting looks loke can we see?</blockquote>

Here it is in all its not-quite-finished glory:

http://ycon6.hakaze.com/

The font colors are still a work in progress, hinging on whether the folks I’m doing the site for prefer the light-colored content background or if they preferred the original dark.

I’ve widened the mainbody box to fit more content (i.e., Google map widget). I’ve removed the usertools, as they were unecessary for our needs. The logo is still in progress.

I am having an issue with the Newsflash titles showing up in the newsflash box, but that’s another post entirely. :((

Tracy

[aris Friend arisJoin date: April 2014Posts: 106Downloads:27Uploads:9 Thanks: 83 Thanked: 8 times in 1 posts]

#235360

two support staff had tried their best but still couldnt not get the result.%D%Astrange template indeed. %D%Ai guess i have to move on to other template makers..>:(

[aris Friend arisJoin date: April 2014Posts: 106Downloads:27Uploads:9 Thanks: 83 Thanked: 8 times in 1 posts]

#235379

Is there any support staff can take a look at this please…:((%D%A

[Author]

Posts