Joomla Templates Club 406,261 posts

[readtseliot Friend readtseliotJoin date: April 2007Posts: 12Downloads:0Uploads:4]

#120973

Is it possible to have rounded corners on the white content box of this template? I am currently using it here:

http://doctordoctorstudio.com/acroprint

thanks in advance for your help… 🙂

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#222503

Hi readtseliot,

Open the template_css.css file, the index.php file and the images folder. Do some steps:

1. Replace this code:


<div id="ja-content">

<?php
global $mainframe, $option;
$m_menu = $mainframe->get( "menu" );
$m_params = new mosParameters( $m_menu->params );

$m_intro = $m_params->def( "intro", 4 );
$m_leading = $m_params->def( "leading", 1 );
if ( $option != "com_frontpage" || $m_intro || $m_leading) {
?>
<?php mosMainBody(); ?>
<?php } ?>
<?php if ( mosCountModules("ja-news") ) { ?>
<div id="ja-newswrap">
<?php mosLoadModules ( "ja-news", -2 ); ?>
</div>
<?php } ?>

<?php if ( mosCountModules('banner') ) { ?>
<!-- BEGIN: BANNER -->
<div id="ja-banner">
<?php echo mosLoadModules ( 'banner',-1 ); ?>
</div>
<!-- END: BANNER -->
<?php } ?>

</div>


by


<div id="ja-content">
<div class="wrap1"><div class="wrap2"><div class="wrap3"><div class="wrap4">
<?php
global $mainframe, $option;
$m_menu = $mainframe->get( "menu" );
$m_params = new mosParameters( $m_menu->params );

$m_intro = $m_params->def( "intro", 4 );
$m_leading = $m_params->def( "leading", 1 );
if ( $option != "com_frontpage" || $m_intro || $m_leading) {
?>
<?php mosMainBody(); ?>
<?php } ?>
<?php if ( mosCountModules("ja-news") ) { ?>
<div id="ja-newswrap">
<?php mosLoadModules ( "ja-news", -2 ); ?>
</div>
<?php } ?>

<?php if ( mosCountModules('banner') ) { ?>
<!-- BEGIN: BANNER -->
<div id="ja-banner">
<?php echo mosLoadModules ( 'banner',-1 ); ?>
</div>
<!-- END: BANNER -->
<?php } ?>
</div></div></div></div>
</div>


2. Modify this code:


#ja-content {
padding: 0 20px 20px; <-- delete it.
margin: 0;
clear: both;
display: block;
}


Add some CSS code section in to the template_css.css file.


div.wrap1,
div.wrap2,
div.wrap3,
div.wrap4 {
margin: 0;
padding: 0;
}

div.wrap4 {
padding: 20px;
}

div.wrap1 {
background: url(../images/c-tl.gif) no-repeat top left;
}

div.wrap2 {
background: url(../images/c-tr.gif) no-repeat top right;
}

div.wrap3 {
background: url(../images/c-bl.gif) no-repeat bottom left;
}

div.wrap4 {
background: url(../images/c-br.gif) no-repeat bottom right;
}


3. Copy some images into images folder.
c-tl.gif, c-tr.gif,c-bl.gif,c-br.gif

4. Refresh your site.

[readtseliot Friend readtseliotJoin date: April 2007Posts: 12Downloads:0Uploads:4]

#222542

Wow – Thanks so much. I will try this right now…

[readtseliot Friend readtseliotJoin date: April 2007Posts: 12Downloads:0Uploads:4]

#222687

Trungch – This worked like a charm! Thanks again.

[readtseliot Friend readtseliotJoin date: April 2007Posts: 12Downloads:0Uploads:4]

#223944

Hello there – This worked great in firefox, & safari, but the top two corners do not show up in IE 7.

http://doctordoctorstudio.com/acroprint

can anyone help?

Thanks in advance

[Author]

Posts