please help me convert this 2 column joomla site to a 3 column one
Posted: 03 August 2009 03:27 AM   [ Ignore ]
Newbie
Rank
Total Posts:  3
Joined  2009-08-03

hello community… i would like to humble ask for anyone’s help on this one… i need to add a right column to this template to make it a 3 column joomla template. but since i dont know css, i really dont know what to do. please help me. i have provided the code below.

Here is the index.php

<?php
/**
 * @copyright    Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license        GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant
 * to the GNU General Public License, and as distributed it includes or
 * is derivative of works licensed under the GNU General Public License or
 * other free or open source software licenses.
 * See COPYRIGHT.php for copyright notices and details.
 */

defined('_JEXEC') or die('Restricted access');



?>
<?php 
echo '<?xml version="1.0" encoding="utf-8"?'.'>'?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<
head>
    <
jdoc:include type="head" />
    <
link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/getirshelp/css/layout.css" type="text/css" />
    <
link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/getirshelp/css/template.css" type="text/css" />
    <
link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/getirshelp/css/joomla.css" type="text/css" />
    <!--
[if lte IE 6]>
        <
link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/getirshelp/css/template_ie6.css"  type="text/css" />
    <!
[endif]-->
    <!-- 
Flow Player Start -->
 
<!-- 
Flow Player End -->
<
meta name="verify-v1" content="18/oD5mtAqJSklIsjK/k6NWXMxJ6ZNJMyoGRkIl3Md8=" /> 
</
head>

<
body id="template-body">
    
<
div id="header">
    <
div id="top"><jdoc:include type="modules" name="top" /></div>
    <
div id="contact"><jdoc:include type="modules" name="user6" /></div>
</
div>

<
div id="mainnav">
    <
div id="blog">
        <
a href="irsblog/index.php">Blog</a>
    </
div>
    <
jdoc:include type="modules" name="user3" />
</
div>

<
div class="clear"></div>

<
div id="mainbody">
    <
div id="mainbody2">
        <
div id="sidebar">
            <
div class="inside">
                <
jdoc:include type="modules" name="left" style="xhtml" />
            </
div>
        </
div>
        
        <
div id="sidebar2">
            <
div class="inside">
                <
jdoc:include type="modules" name="right" style="xhtml" />
        </
div>
        

        

        <
div id="maincontent">
            <
div class="inside">
                
            
                
<?php if ($this->getBuffer('message')) : ?>

                <?php 
endif; ?>
                
<jdoc:include type="component" />
            </
div>
               
        </
div>      
    


        </
div>
        
        <
div class="clear"></div>

        <
div id="mainbottom-wrapper">
            <
div id="mainbottom">
                
<?php if( $this->countModules('user1') ): ?>
                
<div class="mainbottom-box" id="box-1">
                    <
jdoc:include type="modules" name="user1" style="xhtml" />
                </
div>
                
<?php endif; ?>
                
                <?php 
if( $this->countModules('user2') ): ?>
                
<div class="mainbottom-box" id="box-2" >
                    <
jdoc:include type="modules" name="user2" style="xhtml" />
                </
div>
                
<?php endif; ?>
                
                <?php 
if( $this->countModules('user4') ): ?>
                
<div class="mainbottom-box" id="box-3">
                    <
jdoc:include type="modules" name="user4" style="xhtml" />
                </
div>
                
<?php endif; ?>
                
                <?php 
if( $this->countModules('user5') ): ?>
                
<div class="mainbottom-box" id="box-4">
                    <
jdoc:include type="modules" name="user5" style="xhtml" />
                </
div>
                
<?php endif; ?>
                
                
<div class="clear"></div>
                
            </
div>
        </
div>
        <
div id="footer">
            <
jdoc:include type="modules" name="footer" />
        </
div>
        

    </
div>
</
div>

<
div id="bottom">
    
    <
div class="left">
        
<?php echo JText::_("100 S. EDISON AVE., STE. A TAMPA, FL 33606"); ?><br />
        
<?php echo JText::_("PHONE: (813) 229-7100 TOLL FREE: (888) 438-6474 FAX: (813) 251-9605"); ?>
    
</div>

    <
div class="right">
        
<?php echo JText::_("&COPY; 2000-2009 Law Offices of  Darrin T. Mish, P.A"); ?>
    
</div>
    
    <
div class="clear"></div>
</
div>
 

</
body>
</
html
Profile
 
 
Posted: 03 August 2009 03:28 AM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  3
Joined  2009-08-03

here is the template.css

/* @important */

{ margin:0padding:0}

body {
    background
#FFFFFF url('../images/bg.png') repeat-x scroll center top;
    
font78Arial,Tahoma,Verdana;
    
color#000000;
}

h1
,h2,h3 {
    margin
0 0 10px 0;
}

h1
, .componentheading { font-size1.5em}
h2
, .contentheading { font-size1.2emtext-align:center}
h3 { font
-size1.167em}

ul {
    margin
10px 0 10px 0;
    
padding0 0 0 35px;
}

li{}

a {
    text
-decorationunderline;
    
color#666666;
}

p {
    margin
0 0 15px 0;
    
line-height20px;
}

img {
    border
none;
}

fieldset {
    border
none;
}

.clear{
    clear
both;
}

.inside {
    padding
5px;
}

.left {
    float
left;
}

.right {
    float
right;
}

/* Header Style */

#top {
    
height35px;
    
text-alignright;
    
color#FFFFFF;
}

#contact {
    
floatright;
    
width300px;
    
min-height80px;
    
padding-right5px;
    
color#000000;
}

/* Mainnav Style*/

#mainnav ul {
    
floatright;
    list-
style-typenone;
    
padding0;
    
margin0 auto;
}

#mainnav ul li {    
    
backgroundurl('../images/bg-menu.png'no-repeat scroll right center;
    
displayinline;
    
floatleft;
    
height46px;
    
padding0 10px;
}

#mainnav ul li a {
    
color#FFFFFF;
    
displayblock;
    
floatleft;
    
font-familytimes new roman;
    
font-size1.2em;
    
font-weightbold;
    
line-heightnormal;
    
margin-top12px;
    
text-decorationnone;
    
text-transformuppercase;
}

/* Blog Button */

#blog {
    
floatright;
    
margin10px 15px 0 120px;
    
padding0;
    
width60px;
}

#blog a {
    
background#F2A31E;
    
color#FFFFFF;
    
displayblock;
    
font-familytimes new roman;
    
font-size1.2em;
    
font-weightbold;
    
text-decorationnone;
    
text-transformuppercase;
    
text-aligncenter;
    
padding3px 0;
}


/* Advert Style */

#advert-wrapper {
    
border-bottom0px dotted #000;
    
padding0 0 10px 0;
}

.advert-box {
    min
-height239px;
    
width367px;
}

/* Sidebar Style */

#sidebar ul {
    
list-style-positioninside;
    
margin0;
    
padding0;
}

#sidebar ul li {
    
    
padding5px;
    
border-bottom1px dotted #B9B9B9;
    
list-style-imageurl('../images/bullet.png');
}
#sidebar ul li a {
    
color#000000;
    
text-decorationnone;
}

#sidebar .moduletable, #sidebar .moduletable_menu{
    
margin0 0 15px 0;
}

/* Sidebar-c Style */

#sidebar-c ul {
    
list-style-positioninside;
    
margin0;
    
padding0;
}

#sidebar-c ul li {
    
    
padding5px;
    
border-bottom1px dotted #B9B9B9;
    
list-style-imageurl('../images/bullet.png');
}
#sidebar-c ul li a {
    
color#000000;
    
text-decorationnone;
}

#sidebar-c .moduletable, #sidebar .moduletable_menu{
    
margin0 0 15px 0;
}

/* Main Content Style */

#maincontent img {
    
padding5px;
}

/* Main Bottom Style */

.mainbottom-box {
    float
left;
    
width228px;
    
min-height166px;
    
padding10px 5px;
    
margin10px 0;
}

.mainbottom-box ul {
    
list-style-imageurl('../images/bullet.png');
}

.mainbottom-box ul li {}

.mainbottom-box ul li a {
    text
-decorationnone;
    
color#000000;
}

#box-2,#box-3,#box-4 {
    
border-left1px dotted #B9B9B9;


/*Footer Style */

#footer a {
    
color#FFFFFF;
}

/* Bottom Style */

#bottom .right, #bottom .left {
    
font-size0.833em;    
}

#bottom .right {
    
width157px;
}

#bottom .left {
    
padding-left15px;
Profile
 
 
Posted: 03 August 2009 03:30 AM   [ Ignore ]   [ # 2 ]
Newbie
Rank
Total Posts:  3
Joined  2009-08-03

here is layout.css

#header {
    
backgroundtransparent url('../images/bg-header.jpg'no-repeat scroll 0 0;
    
height149px;
    
width990px;
    
margin0 auto;
}

#mainnav {
    
height46px;
    
width990px;
    
margin0 auto;
}

#mainbody {
    
backgroundurl('../images/bg-mainbody.png'repeat-y scroll 0 0;
    
width1010px;
    
margin0 auto;
}

#mainbody2 {
    
backgroundurl('../images/bg-mainbody2.png'no-repeat scroll 0 0;



#sidebar {
    
background#FFFFFF url('../images/bg-sidebar.png') repeat-x scroll 0 0;
    
color#000000;
    
width223px;
    
min-height700px;
    
margin-left15px;
    
floatleft;
}

#sidebar2 {
    
background#FFFFFF url('../images/bg-sidebar.png') repeat-x scroll 0 0;
    
color#000000;
    
width250px;
    
min-height700px;
    
margin-right15px;
    
floatright;
}

#maincontent {
    
width500px;
    
floatright;
    
margin-right15px;
}

#mainbottom-wrapper {
    
border-top0px dotted #000;
    
margin-top50px;
    
margin0 15px;


#mainbottom {
    
backgroundnone #EFEFEF no-repeat scroll 0 0;
    
min-height192px;
    
margin10px 0;
    
padding0 10px;
    
clearboth;
    
color#000000;
}

#footer {
    
background#0B60B7 url('../images/bg-footer.png') no-repeat scroll 0 0;
    
text-aligncenter;
    
color#FFFFFF;
    
padding10px 0;
    
margin0 11px;
}

#bottom {
    
background#FFFFFF url('../images/bg-bottom.png') no-repeat scroll 0 0;
    
margin10px 0 20px 0;
    
width1010px;
    
margin0 auto;
    
padding10px 0;
Profile