Thread: Rounded Tables?
View Single Post
  #7 (permalink)  
Old 05-15-2008, 11:18 PM
admin admin is offline
Administrator
 
Join Date: Sep 2006
Posts: 331
Default

Joomla 1.0 X only makes round corners with divs for module wrappers.
The only way with tables is to hard code a table into template
then add the module call in the middle as Joomla 2005 templates show.

-3 are round corners in module insert code.
PHP Code:
<?php if (mosCountModules('left')>0mosLoadModules('left',-3); ?>
HTML Code:
Allows for rounded corners.
Module Output Code:
<div>
<div>
<div >
             <h3>Title</h3>
             Module Data
            </div>             
            </div> 
   </div>
     
</div>
The best way I found not using JavaScript is to make a small circle in Photoshop or fireworks or your image editor and slice the image into four pieces. Match the back ground color to your page and module style.
change the names to yours along with styles colors.
add the code below edited to your design to your template_css.css
saves images are stored in your templates images folder.

// bl_grey.gif bottom left
.module {background: url(../images/bl_grey.gif) 0 100% no-repeat #dddddd; width: 20em; margin-bottom: 10px;}

// br_grey.gif bottom right
[font=&quot].module div {background: url(../images/br_grey.gif) 100% 100% no-repeat}


//tl_grey.gif top left
.module div div {background: url(../images/tl_grey.gif) 0 0 no-repeat}


// tr_grey.gif top right
.module div div div {background: url(../images/tr_grey.gif) 100% 0 no-repeat; padding:10px; padding-top: 0px; padding-bottom: 2px;}


// background color of the module this would be the inside color
.module div div div div {background: none;}

Any module position with a -3 style should output round corners.
Attached Files
File Type: zip images.zip (725 Bytes, 4 views)

Last edited by admin; 05-15-2008 at 11:22 PM.