0
Welcome Guest! Login
0 items Join Now

Rounded corners around the mainbody

Last Post
Search Topic

  • Rounded corners around the mainbody

    Posted 13 years 1 month ago
    • Hi Guys,

      I'm trying to customize the rt_gantry_j15 template to my needs. It is getting quiet good to my needs.

      But I want to add 4 additional divs under the rt-mainbody for my rounded corners around the maincomponent.

      I'm using my own solution. But the rounded corners only get around the first article. After spending some time on firebug I found out that it has to do with the .rt-joomla .float-left {float: left;}. Which is added to all the articles.

      This is the css code I use for my rounded corners:
      /* Mainpage Rounded Corners */
.shadow-one {position: relative; padding: 0 0 0 10px; } 
.corner-a { position: absolute; right: 0; top: -10px; width: 10px; height: 10px; background: url(../images/main/main.png) right top no-repeat; } 
.corner-b { position: absolute; left: 0; bottom: 0; width: 10px; height: 10px; background: url(../images/main/main.png) left bottom no-repeat; } 
.shadow-two { background: url(../images/main/main.png) right bottom no-repeat; } 
.shadow-three { position: relative; left: -10px; top: -10px; background: url(../images/main/main.png) left top no-repeat; } 
.shadow-four { position: relative; left: 5px; top: 5px; padding: 10px 15px; }

      And this is my mainbody.php code:
      // XHTML LAYOUT
?>            <div id="rt-main" class="<?php echo $fparams->classKey; ?>">
                    <div class="rt-container">
                         <div class="<?php echo $mbClasses; ?>">
                              <?php if (isset($fparams->contentTop)) : ?>
                              <div id="rt-content-top">
                                   <?php echo $fparams->contentTop; ?>
                              </div>
                              <?php endif; ?>
                              <?php if ($display_component) : ?>
                              <div class="rt-block">
                                   <div class="shadow-one">   
                                        <div class="corner-a"></div>   
                                        <div class="corner-b"></div>   
                                        <div class="shadow-two"><div class="shadow-three"><div class="shadow-four">
                                             <div id="rt-mainbody">
                                                  <div class="component-content">
                                                       <jdoc:include type="component" />
                                                  </div>
                                             </div>
                                   </div></div></div></div>
                              </div>
                              <?php endif; ?>
                              <?php if (isset($fparams->contentBottom)) : ?>
                              <div id="rt-content-bottom">
                                   <?php echo $fparams->contentBottom; ?>
                              </div>
                              <?php endif; ?>
                         </div>
                         <?php echo $fparams->sidebars; ?>
                         <div class="clear"></div>
                    </div>
               </div>

      Thanks in advance!
    • Webdesign is more than a job, it's feeling
    #627441

  • Re: Rounded corners around the mainbody

    Posted 13 years 1 month ago
    • Is there nobody who can help me!

      I'm stuck on my project right now.
    • Webdesign is more than a job, it's feeling
    #628329

Time to create page: 0.047 seconds