Collapsable module in joomla question

I have recently built a Joomla template from scratch but need a little assistance with one last problem. I am still new to joomla development and have little php knowledge.

My website has a left side main content side along with a right side sidebar. I created div's so that the main content is app. 750 wide and the right sidebar is the balance of the 960 width. How do I code this as a collapsible module. If I don't want to use the sidebar, I would like my content to fill the page. Do I also have to create separate div's with new formatting that runs across the page? I have looked at joomla documentation but need more basic to the point step by step advise.

The website is not live.
wingcatAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Amanda WatsonWeb DeveloperCommented:
I would disable the right side bar and make the main content 100% rather than 750px.

If you can access the CSS find the left and/or right column references and add display:none; to them and that will get rid of them and then make the main_content 100%

Should work
0
wingcatAuthor Commented:
Ok but how do I have them enabled when I add a module to the right side? I think I need to add php code to the index page
0
Amanda WatsonWeb DeveloperCommented:
The code should already be in the index.php if its part of the template.
So on some pages you want to have the right module showing and on others you want it disabled.

I really need to see the template to say for sure, but usually if you publish a module for some menu items and not for others, the space automatically fills the remaining space.

If yours isn't I need to see the code to see why not.

Alternatively you can have two versions of the template installed (just changed the template.xml title to reflect the new template folder name to differentiate between two templates) and use the main content 100% for the menu items that have no right module, and use the other one for the menu items that you want to have the right module for.

This is a long way around, but as I said without seeing the code of the template I can't see
0
Exploring SharePoint 2016

Explore SharePoint 2016, the web-based, collaborative platform that integrates with Microsoft Office to provide intranets, secure document management, and collaboration so you can develop your online and offline capabilities.

wingcatAuthor Commented:
Below is the index.php file. you will see the component and the right module. Those are the ones in question. The module on the right is the div called right. here is the layouts.css.

Sorry about the lack of order here, I haven't arranged it yet.



<body>
<div id="header" class="container_12">

<div id="header" class="grid_12 ">
  <div id="top_left">
    <jdoc:include type="modules" name="user1" style="none" />
  </div>
  <div id="top_right">
  
    <jdoc:include type="modules" name="user2" style="none" />
  </div>
<div id="menu">
  
<jdoc:include type="modules" name="user3" style="none" />
</div>
  
</div>

</div>

<div style="clear:both"></div>
                

<div id="content" class="container_12">

<div id="logo">
  
<jdoc:include type="modules" name="user4" style="none" />
</div>
  <div id="phototop">
<jdoc:include type="modules" name="user5" style="none" />
  </div>
<div id="main_body" class="grid_9">

  <jdoc:include type="component" />
</div>

<div id="right" class="grid_3 ">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>

</div>

<div style="clear:both"></div>            

<div id="footer" class="container_12">

<div id="bottommenu">


<jdoc:include type="modules" name="bottom" style="none" />
</div>

<div id="footer_left" class="grid_6 ">
  <jdoc:include type="modules" name="legals" style="none" />
</div>

<div id="footer_right" class="grid_6 ">
  <jdoc:include type="modules" name="footer" style="none" />
</div>

</div>
</body>







@charset "utf-8";

#header {

margin-top: 0px;}

#main_body h1{
font-family: Arial, Helvetica, sans-serif;
color: #060;
font-size: 20px;
margin-top: 10px;
margin-right: 15px;
margin-left: 0px;
margin-bottom: 10px;
background-image: url(../images/h1.png);
background-repeat: no-repeat;
height: 40px;
width: 700px;
padding-left: 10px;
padding-top: 7px;
}

#main_body ul {
color: #CCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85em;
list-style-image: url(../images/check.png);
line-height: 20px;
margin-left: 20px;
margin-right: 40px;
}


.phototop {

margin-top:-7px;
}

p {
font-family: Arial, Helvetica, sans-serif;
color: #CCC;
font-size: 0.85em;
margin-left: 10px;
margin-right: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
#main_body p {
color: #CCC;
margin-right: 40px;
}


ul {
color: #CCC;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.85em;
list-style-image: url(../images/check.png);
line-height: 20px;
margin-left: 20px;
margin-right: 20px;
}
ol {
color: #CCC;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: .9em;
margin-left: 20px;
}





#wrapper {
width: 1200px;
margin-right: auto;
margin-left: auto;
background-color: #000;
}


#top_left {
width:400px;
height:25px;
float: left;
}
#top_left p {
color: #CCC;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
margin-left: 10px;
margin-top: 0px;
}

#top_right {
left:400px;
width:400px;
height:25px;
float: right;
}
#top_right p {
color: #CCC;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
margin-right: 10px;
margin-top: 0px;
}

#logo {
width:450px;
height:150px;
float: left;
margin: 0px;
padding: 10px;

}
#phototop {
width:460px;
height:150px;
float: right;
margin: 0px;

}
#maincontent {
left:0px;
top:235px;
width:670px;
background-color: #000;
background-image: url(../images/site_06.jpg);
float: left;
background-repeat: no-repeat;
}

#bottom {
left:0px;
top:979px;
width:1200px;
height:78px;
background-image: url(../images/site_08.jpg);
clear: both;
margin:0;
padding:0;
float: left;
}
#logo img {
margin-left: 10px;
}
#right h1 {
margin-left: 0px;
margin-right: 0px;
font-size: 20px;
}
#right h2 {
margin-left: 0px;
margin-right: 0px;
font-size: 18px;
}
#right p {
margin-right: 10px;
text-align: justify;
margin-left: 0px;
}

#right ul {
color: #0d4220;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.85em;
list-style-image: url(../images/check.png);
line-height: 20px;
margin-left: 0px;

}

#footer {
}




#footer_left {
width:400px;
height:86px;
float: left;
}
#footer_right {
left:0px;
width:400px;
height:86px;
float: right;
}
#footer_left p {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
color: #CCC;
margin-top: 0px;
margin-left: 40px;
}
#footer_right p {
margin-right: 30px;
text-align: right;
margin-left: 50px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
color: #CCC;
margin-top: 0px;
}


#menu {
width:940px;
float: left;
height: 53px;
}
#menu ul {
margin-top: -2px;
padding-left: 0px;
}
#footer {
background-image: url(../images/site_footer.jpg);
background-repeat: no-repeat;
background-position: center bottom;
height: 204px;
width: 1026px;

}


#menu ul li {
display: inline;
margin-right: 25px;
margin-left: 25px;
}


#menu a {
color: #FFF;
text-decoration: none;
text-transform: uppercase;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
}

#menu a:hover {
color: #01702C;
text-decoration: none;
text-transform: uppercase;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
}

#bottommenu {
left:0px;
top:1057px;
width:1025px;
height:57px;
clear: both;
float: left;
padding: 0;
margin-top: 60px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#bottommenu ul {
margin-top: 14px;
padding-left: 30px;
}
#bottommenu ul li {
display: inline;
margin-right: 25px;
margin-left: 25px;
}
#bottommenu a {
color: #FFF;
text-decoration: none;
text-transform: uppercase;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
}
#bottommenu a:hover {
color: #01702C;
text-decoration: none;
text-transform: uppercase;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
}
#right h1 {
font-family: Arial, Helvetica, sans-serif;
color: #008400;
font-size: 18px;
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
}



/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
margin-left: auto;
margin-right: auto;
width: 960px;

background-repeat: no-repeat;
background-position: center bottom;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12{
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;

}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
margin-left: 0;
}

.omega {
margin-right: 0;
}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
width:60px;
}
.container_12 .grid_2 {
width:140px;
}
.container_12 .grid_3 {
width:220px;
}
.container_12 .grid_4 {
width:300px;
}
.container_12 .grid_5 {
width:380px;
}
.container_12 .grid_6 {
width:460px;
height: 20px;
}
.container_12 .grid_7 {
width:540px;
}
.container_12 .grid_8 {
width:620px;
}
.container_12 .grid_9 {
width:700px;
}
.container_12 .grid_10 {
width:780px;
}
.container_12 .grid_11 {
width:860px;
}
.container_12 .grid_12 {
width:940px;
}




/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
padding-left:80px;
}
.container_12 .prefix_2 {
padding-left:160px;
}
.container_12 .prefix_3 {
padding-left:240px;
}
.container_12 .prefix_4 {
padding-left:320px;
}
.container_12 .prefix_5 {
padding-left:400px;
}
.container_12 .prefix_6 {
padding-left:480px;
}
.container_12 .prefix_7 {
padding-left:560px;
}
.container_12 .prefix_8 {
padding-left:640px;
}
.container_12 .prefix_9 {
padding-left:720px;
}
.container_12 .prefix_10 {
padding-left:800px;
}
.container_12 .prefix_11 {
padding-left:880px;
}


/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
padding-right:80px;
}
.container_12 .suffix_2 {
padding-right:160px;
}
.container_12 .suffix_3 {
padding-right:240px;
}
.container_12 .suffix_4 {
padding-right:320px;
}
.container_12 .suffix_5 {
padding-right:400px;
}
.container_12 .suffix_6 {
padding-right:480px;
}
.container_12 .suffix_7 {
padding-right:560px;
}
.container_12 .suffix_8 {
padding-right:640px;
}
.container_12 .suffix_9 {
padding-right:720px;
}
.container_12 .suffix_10 {
padding-right:800px;
}
.container_12 .suffix_11 {
padding-right:880px;
}


/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
left:80px;
}
.container_12 .push_2 {
left:160px;
}
.container_12 .push_3 {
left:240px;
}
.container_12 .push_4 {
left:320px;
}
.container_12 .push_5 {
left:400px;
}
.container_12 .push_6 {
left:480px;
}
.container_12 .push_7 {
left:560px;
}
.container_12 .push_8 {
left:640px;
}
.container_12 .push_9 {
left:720px;
}
.container_12 .push_10 {
left:800px;
}
.container_12 .push_11 {
left:880px;
}




/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
right:80px;
}
.container_12 .pull_2 {
right:160px;
}
.container_12 .pull_3 {
right:240px;
}
.container_12 .pull_4 {
right:320px;
}
.container_12 .pull_5 {
right:400px;
}
.container_12 .pull_6 {
right:480px;
}
.container_12 .pull_7 {
right:560px;
}
.container_12 .pull_8 {
right:640px;
}
.container_12 .pull_9 {
right:720px;
}
.container_12 .pull_10 {
right:800px;
}
.container_12 .pull_11 {
right:880px;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;

}


.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}
#right h3 {
font-family: Arial, Helvetica, sans-serif;
color: #008400;
font-size: 18px;
margin-top: 15px;
margin-bottom: 10px;
text-align: left;
background-image: url(../images/h3.png);
background-repeat: no-repeat;
padding-top: 7px;
padding-bottom: 10px;
margin-right: 5px;
padding-left: 10px;
margin-left: -2px;
}

Open in new window

0
Amanda WatsonWeb DeveloperCommented:
no chance of seeing a test link at all anywhere?

Can I download the whole template at all so I can install it and test it myself?
0
wingcatAuthor Commented:
I put a test site at: design point (DOT) ca

It's just for testing purposes. What I'd like is to include a collapsible right column.

0
Amanda WatsonWeb DeveloperCommented:
Ok, so if you disable your right modules change this line in layout.css
.container_12 .grid_9 {
width:700px;
}

to
.container_12 .grid_9 {
width:100%;
}

Your content will fill the whole space.

If you want other pages to have the right module, duplicate your template (make a copy as explained earlier and reinstall it with a different name so change the folder name and change the template name in your xml. )so you have one with the above code as
.container_12 .grid_9 {
width:700px;
}

For all pages you want the right module to show

and one as
.container_12 .grid_9 {
width:100%;
}

For all pages you want the right module gone

0
Amanda WatsonWeb DeveloperCommented:
Just to be clear, can you please disable your right modules currently so I can look at how the page loads if there are not right modules there.

0
Amanda WatsonWeb DeveloperCommented:
If that is not what you are after try adding this to layout.css
#mainwrap {
width:100%;
}

and replace your index file with this one.

Make sure you do a backup

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div id="header" class="container_12">

<div id="header" class="grid_12 ">
  <div id="top_left">
    <jdoc:include type="modules" name="user1" style="none" />
  </div>
  <div id="top_right">
  
    <jdoc:include type="modules" name="user2" style="none" />
  </div>
<div id="menu">
  
<jdoc:include type="modules" name="user3" style="none" />
</div>
  
</div>

</div>

<div style="clear:both"></div>
                

<div id="content" class="container_12">

<div id="logo">
  
<jdoc:include type="modules" name="user4" style="none" />
</div>
  <div id="phototop">
<jdoc:include type="modules" name="user5" style="none" />
  </div>
  <div id="mainwrap">
<div id="main_body" class="grid_9">

  <jdoc:include type="component" />
</div>

<div id="right" class="grid_3 ">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div><!--endmainwrap-->
</div>

<div style="clear:both"></div>            

<div id="footer" class="container_12">

<div id="bottommenu">


<jdoc:include type="modules" name="bottom" style="none" />
</div>

<div id="footer_left" class="grid_6 ">
  <jdoc:include type="modules" name="legals" style="none" />
</div>

<div id="footer_right" class="grid_6 ">
  <jdoc:include type="modules" name="footer" style="none" />
</div>

</div>
</body>
</html>

Open in new window

0
Amanda WatsonWeb DeveloperCommented:
Sorry this is just the body code

<body>
<div id="header" class="container_12">

<div id="header" class="grid_12 ">
  <div id="top_left">
    <jdoc:include type="modules" name="user1" style="none" />
  </div>
  <div id="top_right">
  
    <jdoc:include type="modules" name="user2" style="none" />
  </div>
<div id="menu">
  
<jdoc:include type="modules" name="user3" style="none" />
</div>
  
</div>

</div>

<div style="clear:both"></div>
                

<div id="content" class="container_12">

<div id="logo">
  
<jdoc:include type="modules" name="user4" style="none" />
</div>
  <div id="phototop">
<jdoc:include type="modules" name="user5" style="none" />
  </div>
  <div id="mainwrap">
<div id="main_body" class="grid_9">

  <jdoc:include type="component" />
</div>

<div id="right" class="grid_3 ">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div><!--endmainwrap-->
</div>

<div style="clear:both"></div>            

<div id="footer" class="container_12">

<div id="bottommenu">


<jdoc:include type="modules" name="bottom" style="none" />
</div>

<div id="footer_left" class="grid_6 ">
  <jdoc:include type="modules" name="legals" style="none" />
</div>

<div id="footer_right" class="grid_6 ">
  <jdoc:include type="modules" name="footer" style="none" />
</div>

</div>
</body>

Open in new window

0
wingcatAuthor Commented:
Hi. Thanks for the tip. How do you specify a different template for certain pages? There is a methos using php code using count. Just not sure how to add it in.
Also. How do you add to the xml or what do you add to use different templates for different pages?
0
Amanda WatsonWeb DeveloperCommented:
Ok, to assign different templates to different websites, you need to select the template and hit edit, then on the left hand side there is a section called Menu Assignment, just select which menu items you want to have that template showing.

Each template folder will have a file called templateDetails.xml.  If you open this using notepad, or dreamweaver.

At the tope of the template you will see
<?xml version="1.0" encoding="iso-8859-1"?>
<install version="1.5" type="template">
    <name>rt_refraction_j15</name>
    <version>1.5.1</version>
    <creationDate>05/31/09</creationDate>
    <author>RocketTheme</author>
    <authorEmail>support@rockettheme.com</authorEmail>
    <authorUrl>http://www.rockettheme.com</authorUrl>
    <copyright>Copyright 2005-2009 - RocketTheme.com</copyright>
    <license>Proprietary - RocketTheme Joomla Club Members Only</license>
    <description>
                  <![CDATA[
                  <h1>RocketTheme Refraction</h1>

Change

 <name>rt_refraction_j15</name>

to

 <name>rt_refraction_j15_newtemplate</name>

And make sure you change the folder of the template to match the new name
0
wingcatAuthor Commented:
This will only make a new template. What I would like to have is collapsible modules or a conditional code that will check to see of the right module has been activated. If it has, the template should render like it is. If not, the template should be 100% width also covering the right position with the component.

There is a conditional php code using count feature that will count the activated modules and render the template accordingly. That is my preferred method.
0
Amanda WatsonWeb DeveloperCommented:
That was part of my second solution here that I wanted you to try

Try adding this to layout.css
#mainwrap {
width:100%;
}

and replace your index file with this one.

Make sure you do a backup  Let me know how that goes
<body>
<div id="header" class="container_12">

<div id="header" class="grid_12 ">
  <div id="top_left">
    <jdoc:include type="modules" name="user1" style="none" />
  </div>
  <div id="top_right">
  
    <jdoc:include type="modules" name="user2" style="none" />
  </div>
<div id="menu">
  
<jdoc:include type="modules" name="user3" style="none" />
</div>
  
</div>

</div>

<div style="clear:both"></div>
                

<div id="content" class="container_12">

<div id="logo">
  
<jdoc:include type="modules" name="user4" style="none" />
</div>
  <div id="phototop">
<jdoc:include type="modules" name="user5" style="none" />
  </div>
  <div id="mainwrap">
<div id="main_body" class="grid_9">

  <jdoc:include type="component" />
</div>

<div id="right" class="grid_3 ">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div><!--endmainwrap-->
</div>

<div style="clear:both"></div>            

<div id="footer" class="container_12">

<div id="bottommenu">


<jdoc:include type="modules" name="bottom" style="none" />
</div>

<div id="footer_left" class="grid_6 ">
  <jdoc:include type="modules" name="legals" style="none" />
</div>

<div id="footer_right" class="grid_6 ">
  <jdoc:include type="modules" name="footer" style="none" />
</div>

</div>
</body>

Open in new window

0
wingcatAuthor Commented:
Hi,

I did try this, but it didn't work. Seemed to mess up the page.

What I would like to implement into the code is this:

<?php if ($this->countModules( 'user1' )) : ?>
  <div class="user1">
    <jdoc:include type="modules" name="user1" style="rounded" />
  </div>
<?php endif; ?>

But how is this done when I have specified a width for the main component? Collapsible columns?
0
JoomstrupCommented:
You are on the right track

using the countModules is the way to go

you need to have all the css and code for the module you wish to collapse inside you php code
what this code does is simply if there are no modules assign to that specific module position no code inside this statement will be rendered.

you can also use the same code structure to check "are there any modules assigned in xxxx"

if there are none then show your main content at 100% width
if there is then show in say 80% or whatever your design calls for


0
Amanda WatsonWeb DeveloperCommented:
Hi again,
I am not sure if there is a conditional code that can be applied to check if there is a right module shown or not.

What I do know is that in many templates that I have used if the right module is not filled you get a full page like this

http://eewindows.com.au/index.php?option=com_content&view=article&id=53 - this link has no right module

http://eewindows.com.au/index.php?option=com_content&view=article&id=47&Itemid=63 - this link has the right module.

The index for this site is attached.

Rather than using divs, it using tables for its main layout and doesn't specify the maincoloum width rather the template width and then the right and left coloum widths.

      $template_width                   = $this->params->get("templateWidth", "962");
      $leftcolumn_width                  = $this->params->get("leftcolumnWidth", "230");
      $rightcolumn_width                  = $this->params->get("rightcolumnWidth", "230");


See the table code here

<table class="mainbody" border="0" cellspacing="0" cellpadding="0">
                                                                  <tr valign="top">
                                                                        <!--begin leftcolumn-->
                                                                        <?php if ($this->countModules('left') or ($subnav and $splitmenu_col=="leftcol")) : ?>
                                                                              <td class="leftcol">
                                                                                    <div class="padding">
                                                                                          <?php if($subnav and $splitmenu_col=="leftcol") : ?>
                                                                                                <div id="sub-menu">
                                                                                                      <?php echo $subnav; ?>
                                                                                                </div>
                                                                                          <?php endif; ?>
                                                                                          <jdoc:include type="modules" name="left" style="rounded" />
                                                                                    </div>
                                                                              </td>
                                                                        <?php endif; ?>
                                                                        <!--end leftcolumn-->
                                                                        <!--begin maincolumn-->
                                                                        <td class="maincol">
                                                                              <div id="maincol1">
                                                                                    <div id="maincol2">
                                                                                          <div class="padding">
                                                                                                <?php if ($show_moduleslider=="true" and ($this->countModules('advert1') or $this->countModules('advert2')
                                                                                          or $this->countModules('advert3') or $this->countModules('advert4') or $this->countModules('advert5'))) : ?>
                                                                                                      <div id="moduleslider-size">
                                                                                                            <?php displayTabs($this); ?>
                                                                                                      </div>
                                                                                                <?php endif; ?>
                                                                                                <?php if ($this->countModules('user1') or $this->countModules('user2') or $this->countModules('user3')) : ?>
                                                                                                      <div id="mainmodules1" class="spacer<?php echo $mainmod1_width; ?>">
                                                                                                            <?php if ($this->countModules('user1')) : ?>
                                                                                                                  <div class="block">
                                                                                                                        <jdoc:include type="modules" name="user1" style="rounded" />
                                                                                                                  </div>
                                                                                                            <?php endif; ?>
                                                                                                            <?php if ($this->countModules('user2')) : ?>
                                                                                                                  <div class="block">
                                                                                                                        <jdoc:include type="modules" name="user2" style="rounded" />
                                                                                                                  </div>
                                                                                                            <?php endif; ?>
                                                                                                            <?php if ($this->countModules('user3')) : ?>
                                                                                                                  <div class="block">
                                                                                                                        <jdoc:include type="modules" name="user3" style="rounded" />
                                                                                                                  </div>
                                                                                                            <?php endif; ?>
                                                                                                      </div>
                                                                                                <?php endif; ?>
                                                                                                <div id="content-padding">
                                                                                                      <?php if ($show_breadcrumbs == "true") : ?>
                                                                                                            <div id="pathway">
                                                                                                                  <jdoc:include type="module" name="breadcrumbs" style="none" />
                                                                                                            </div>
                                                                                                      <?php endif; ?>
                                                                                                      <jdoc:include type="message" />
                                                                                                      <jdoc:include type="component" />
                                                                                                </div>
                                                                                                <?php if ($this->countModules('user4') or $this->countModules('user5') or $this->countModules('user6')) : ?>
                                                                                                      <div id="mainmodules2" class="spacer<?php echo $mainmod2_width; ?>">
                                                                                                            <?php if ($this->countModules('user4')) : ?>
                                                                                                                  <div class="block">
                                                                                                                        <jdoc:include type="modules" name="user4" style="rounded" />
                                                                                                                  </div>
                                                                                                            <?php endif; ?>
                                                                                                            <?php if ($this->countModules('user5')) : ?>
                                                                                                                  <div class="block">
                                                                                                                        <jdoc:include type="modules" name="user5" style="rounded" />
                                                                                                                  </div>
                                                                                                            <?php endif; ?>
                                                                                                            <?php if ($this->countModules('user6')) : ?>
                                                                                                                  <div class="block">
                                                                                                                        <jdoc:include type="modules" name="user6" style="rounded" />
                                                                                                                  </div>
                                                                                                            <?php endif; ?>
                                                                                                      </div>
                                                                                                <?php endif; ?>
                                                                                          </div>
                                                                                    </div>
                                                                              </div>
                                                                        </td>
                                                                        <!--end maincolumn-->
                                                                        <!-- begin rightcolumn -->
                                                                        <?php if ($this->countModules('right') or ($subnav and $splitmenu_col=="rightcol")) : ?>
                                                                              <td class="rightcol">
                                                                                    <div class="padding">
                                                                                          <?php if($subnav and $splitmenu_col=="rightcol") : ?>
                                                                                                <div id="sub-menu">
                                                                                                      <?php echo $subnav; ?>
                                                                                                </div>
                                                                                          <?php endif; ?>
                                                                                          <jdoc:include type="modules" name="right" style="rounded" />
                                                                                    </div>
                                                                              </td>
                                                                        <?php endif; ?>
                                                                        <!-- end rightcolumn -->
                                                                  </tr>
                                                            </table>

I would suggest either using a new template, this one is rt_chromatophore_j15 - Chromatophore from rockettheme.com or we need to redo your whole template  using these parameters.


<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted index access' );
define( 'YOURBASEPATH', dirname(__FILE__) );
require( YOURBASEPATH.DS."rt_styleswitcher.php");
JHTML::_( 'behavior.mootools' );

	$live_site        			= $mainframe->getCfg('live_site');
	$template_path 				= $this->baseurl . '/templates/' .  $this->template;
	
	$default_style 				= $this->params->get("defaultStyle", "Spangled:overlay-gradient2,#001a2e,#d1ddeb,#8f0000,#f2dcda,#9c9457,#edecd5");
	$enable_colorchooser        = ($this->params->get("enableColorChooser", 0)  == 0)?"false":"true";
	$enable_ie6warn             = ($this->params->get("enableIe6warn", 1)  == 0)?"false":"true";
	$font_family                = $this->params->get("fontFamily", "helvetica");
	$template_width 			= $this->params->get("templateWidth", "962");
	$leftcolumn_width			= $this->params->get("leftcolumnWidth", "230");
	$rightcolumn_width			= $this->params->get("rightcolumnWidth", "230");
	$splitmenu_col				= $this->params->get("splitmenuCol", "rightcol");
	$menu_name 					= $this->params->get("menuName", "mainmenu");
	$menu_type 					= $this->params->get("menuType", "moomenu");
	$default_font 				= $this->params->get("defaultFont", "default");
	$show_breadcrumbs 			= ($this->params->get("showBreadcrumbs", 1)  == 0)?"false":"true";
	$show_moduleslider			= ($this->params->get("showModuleslider", 1)  == 0)?"false":"true";


	
	// moomenu options
	$moo_bgiframe     			= ($this->params->get("moo_bgiframe'","0") == 0)?"false":"true";
	$moo_delay       			= $this->params->get("moo_delay", "500");
	$moo_duration    			= $this->params->get("moo_duration", "700");
	$moo_fps          			= $this->params->get("moo_fps", "300");
	$moo_transition   			= $this->params->get("moo_transition", "Back.easeOut");	

	// rokzoom options
	$enable_rokzoom   			= ($this->params->get("enableRokzoom", 1)  == 0)?"false":"true";
	$zoom_resize_duration     	= $this->params->get("zoom_resize_duration", "700");
	$zoom_opacity_duration     	= $this->params->get("zoom_opacity_duration", "500");
	$zoom_transition   			  = $this->params->get("zoom_transition", "Cubic.easeOut");

	// module title for moduleslider

	$max_mods_per_row			= $this->params->get("maxModsPerRow", 3);
	$ms_title1					= $this->params->get("msTitle1", "Group 1 Tab");	
	$ms_title2					= $this->params->get("msTitle2", "Group 2 Tab");	
	$ms_title3					= $this->params->get("msTitle3", "Group 3 Tab");	
	$ms_title4					= $this->params->get("msTitle4", "Group 4 Tab");	
	$ms_title5					= $this->params->get("msTitle5", "Group 5 Tab");		
	$ms_module1					= $this->params->get("msModule1", "advert1");		
	$ms_module2					= $this->params->get("msModule2", "advert2");			
	$ms_module3					= $this->params->get("msModule3", "advert3");			
	$ms_module4					= $this->params->get("msModule4", "advert4");			
	$ms_module5					= $this->params->get("msModule5", "advert5");
	
	
	require(YOURBASEPATH . DS . "rt_styleloader.php");
								
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<jdoc:include type="head" />
		<?php
		require(YOURBASEPATH . DS . "rt_tabmodules.php");
		require(YOURBASEPATH . DS . "rt_utils.php");
	    require(YOURBASEPATH . DS . "rt_head_includes.php");
	    ?>
	</head>
	<body id="ff-<?php echo $fontfamily; ?>" class="<?php echo $fontstyle; ?> <?php echo $style_overlay; ?> latch">
		<div id="page-bg"><p>
<jdoc:include type="modules" name="adlinks" style="xhtml" /></p>
			<!--begin top panel-->
			<div id="top-bar">
				<?php if ($enable_colorchooser=="true") :?>
				<?php require(YOURBASEPATH . "/rt_colorchooser.php"); ?>
				<?php endif; ?>
				<div id="mod-login">
					<div class="wrapper">
						<?php if ($enable_colorchooser=="true") :?>
						<a href="#" id="color-toggle"><span>Color Chooser</span></a>
						<?php endif; ?>
						<jdoc:include type="modules" name="top" style="xhtml" />
						<div class="clr"></div>
					</div>
				</div>
			</div>
			<!--end top panel-->
			<!--begin main wrapper-->
			<div id="mainbody" class="wrapper">
				<!--begin header-->
				
				<div id="main-shadow">
					<div id="main-shadow2">
						<div class="side-shadow1">
							<div class="side-shadow2">
								<div id="iefix">
									<div id="horiz-menu" class="<?php echo $mtype; ?>">
										<?php if($mtype != "module") : ?>
											<?php echo $topnav; ?>
										<?php else: ?>
											<jdoc:include type="modules" name="toolbar" style="none" />
										<?php endif; ?>	
									</div>
								</div>
								<div id="main-content">
									<div id="main-content2">
										<table class="mainbody" border="0" cellspacing="0" cellpadding="0">
											<tr valign="top">
												<!--begin leftcolumn-->
												<?php if ($this->countModules('left') or ($subnav and $splitmenu_col=="leftcol")) : ?>
													<td class="leftcol">
														<div class="padding">
															<?php if($subnav and $splitmenu_col=="leftcol") : ?>
																<div id="sub-menu">
																	<?php echo $subnav; ?>
																</div>
															<?php endif; ?>
															<jdoc:include type="modules" name="left" style="rounded" />
														</div>
													</td>
												<?php endif; ?>
												<!--end leftcolumn-->
												<!--begin maincolumn-->
												<td class="maincol">
													<div id="maincol1">
														<div id="maincol2">
															<div class="padding">
																<?php if ($show_moduleslider=="true" and ($this->countModules('advert1') or $this->countModules('advert2') 
															or $this->countModules('advert3') or $this->countModules('advert4') or $this->countModules('advert5'))) : ?>
																	<div id="moduleslider-size">
																		<?php displayTabs($this); ?>
																	</div>
																<?php endif; ?>
																<?php if ($this->countModules('user1') or $this->countModules('user2') or $this->countModules('user3')) : ?>
																	<div id="mainmodules1" class="spacer<?php echo $mainmod1_width; ?>">
																		<?php if ($this->countModules('user1')) : ?>
																			<div class="block">
																				<jdoc:include type="modules" name="user1" style="rounded" />
																			</div>
																		<?php endif; ?>
																		<?php if ($this->countModules('user2')) : ?>
																			<div class="block">
																				<jdoc:include type="modules" name="user2" style="rounded" />
																			</div>
																		<?php endif; ?>
																		<?php if ($this->countModules('user3')) : ?>
																			<div class="block">
																				<jdoc:include type="modules" name="user3" style="rounded" />
																			</div>
																		<?php endif; ?>
																	</div>
																<?php endif; ?>
																<div id="content-padding">
																	<?php if ($show_breadcrumbs == "true") : ?>
																		<div id="pathway">
																			<jdoc:include type="module" name="breadcrumbs" style="none" />
																		</div>
																	<?php endif; ?>
																	<jdoc:include type="message" />
																	<jdoc:include type="component" />
																</div>
																<?php if ($this->countModules('user4') or $this->countModules('user5') or $this->countModules('user6')) : ?>
																	<div id="mainmodules2" class="spacer<?php echo $mainmod2_width; ?>">
																		<?php if ($this->countModules('user4')) : ?>
																			<div class="block">
																				<jdoc:include type="modules" name="user4" style="rounded" />
																			</div>
																		<?php endif; ?>
																		<?php if ($this->countModules('user5')) : ?>
																			<div class="block">
																				<jdoc:include type="modules" name="user5" style="rounded" />
																			</div>
																		<?php endif; ?>
																		<?php if ($this->countModules('user6')) : ?>
																			<div class="block">
																				<jdoc:include type="modules" name="user6" style="rounded" />
																			</div>
																		<?php endif; ?>
																	</div>
																<?php endif; ?>
															</div>
														</div>
													</div>
												</td>
												<!--end maincolumn-->
												<!-- begin rightcolumn -->
												<?php if ($this->countModules('right') or ($subnav and $splitmenu_col=="rightcol")) : ?>
													<td class="rightcol">
														<div class="padding">
															<?php if($subnav and $splitmenu_col=="rightcol") : ?>
																<div id="sub-menu">
																	<?php echo $subnav; ?>
																</div>
															<?php endif; ?>
															<jdoc:include type="modules" name="right" style="rounded" />
														</div>
													</td>
												<?php endif; ?>
												<!-- end rightcolumn -->
											</tr>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--begin bottom section-->
				<?php if ($this->countModules('user7') or $this->countModules('user8') or $this->countModules('user9') or $this->countModules('user10')) : ?>
				<div id="bottom">
					<div id="bottom-shadow1">
						<div id="bottom-shadow2">
							<div class="padding">
								<div id="bottommodules" class="spacer<?php echo $bottommod_width; ?>">
									<?php if ($this->countModules('user7')) : ?>
										<div class="block">
											<jdoc:include type="modules" name="user7" style="rounded" />
										</div>
									<?php endif; ?>
									<?php if ($this->countModules('user8')) : ?>
										<div class="block">
											<jdoc:include type="modules" name="user8" style="rounded" />
										</div>
									<?php endif; ?>
									<?php if ($this->countModules('user9')) : ?>
										<div class="block">
											<jdoc:include type="modules" name="user9" style="rounded" />
										</div>
									<?php endif; ?>
									<?php if ($this->countModules('user10')) : ?>
										<div class="block">
											<jdoc:include type="modules" name="user10" style="rounded" />
										</div>
									<?php endif; ?>
								</div>
							</div>
						</div>
					</div>
				</div>
				<?php endif; ?>
				<div align="center" style="padding-bottom:15px" ><a href="http://abridesign.une.edu.au/" class="nounder">Site Designed by ABRI Design - Copyright 2010</a></div>
				<!--end bottom section-->
			</div>
			<!--end main wrapper-->
		</div>
	</body>
</html>

Open in new window

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
PHP

From novice to tech pro — start learning today.