0
Welcome Guest! Login
0 items Join Now

Columns both left and right possible?

Last Post
Search Topic
    • Bulsara's Avatar
    • Bulsara
    • Newbie
    • Posts: 8
    • Thanks: 0

    Columns both left and right possible?

    Posted 17 years 2 months ago
    • 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.
      <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:
      #left { width: <?php echo $side_column; ?>;}
          #main-column { margin-right: <?php echo $side_column; ?>;
                    &nbsp; &nbsp; &nbsp;  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 :)
    #150430

  • Re: Columns both left and right possible?

    Posted 17 years 2 months ago
    #150476
    • Bulsara's Avatar
    • Bulsara
    • Newbie
    • Posts: 8
    • Thanks: 0

    Re: Columns both left and right possible?

    Posted 17 years 2 months ago
    • 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
    #150841
    • Bulsara's Avatar
    • Bulsara
    • Newbie
    • Posts: 8
    • Thanks: 0

    Re: Columns both left and right possible?

    Posted 17 years 2 months ago
    • 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/forum/index.php?t=24744&rb_v=viewtopic

      Now, I want to use both sides. Will work on this today and post solution.
    #150853
    • Bulsara's Avatar
    • Bulsara
    • Newbie
    • Posts: 8
    • Thanks: 0

    Re: Columns both left and right possible?

    Posted 17 years 2 months ago
    • I got it working, just need some tweaking now.

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

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

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

      Added:
      <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:
      <?php endif; ?>
                                             <?php mosLoadModules('left',-2); ?>
                                        </div>
                                   </div>
                              </div>
                         </div>

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

      Also added:
      #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.
    #150868
    • pmoore's Avatar
    • pmoore
    • Sr. Rocketeer
    • Posts: 122
    • Thanks: 0

    Re: Columns both left and right possible?

    Posted 16 years 6 months ago
    • Can someone translate this to J!1.5 please?

      Thanks in advance
    • "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!"
    #228447

  • Re: Columns both left and right possible?

    Posted 16 years 6 months ago
    • The only difference in the above is

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

      Is

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

      Same with right :)
    • James Spencer / Developer & Support / Hull, UK
    #228545
    • pmoore's Avatar
    • pmoore
    • Sr. Rocketeer
    • Posts: 122
    • Thanks: 0

    Re: Columns both left and right possible?

    Posted 16 years 6 months ago
    • Didn't quite work out for me :(

      Here's my index.php...

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


      Second part:
      <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">
&nbsp; &nbsp; &nbsp; <?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
      #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...
    • "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!"
    #229773
    • pmoore's Avatar
    • pmoore
    • Sr. Rocketeer
    • Posts: 122
    • Thanks: 0

    Re: Columns both left and right possible?

    Posted 16 years 6 months ago
    • 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.
    • "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!"
    #229775

  • Re: Columns both left and right possible?

    Posted 14 years 6 months ago
    • Bulsara, good job, you helped me get a third column added.

      How do I widen the center column, you know the main section that is now in the middle?
    • Everyday is a new day!

      Cheers,
      Kamia
    #572162

Time to create page: 0.098 seconds