You must do 4 steps for get style for module :
step 1:
You open antares template , open template_css.css file in templates/ja_antares/css folder, you can find section code at about line 297 :
/* MODULE HILITE GREEN
--------------------------------------------------------- */
div.module-blue h3,
div.module-green h3,
div.module-orange h3 {
text-transform: uppercase;
font-size: 1em;
margin: 0 0 5px;
}
div.module-green {
margin-bottom: 5px;
padding: 0;
width: 97.5%;
background: url(../images/box-br-green.gif) no-repeat bottom right;
color: #FFFFFF;
}
div.module-green a {
color: #FFFFFF;
}
div.module-green div {
padding: 0;
background: url(../images/box-bl-green.gif) no-repeat bottom left;
}
div.module-green div div {
padding: 0;
background: url(../images/box-tr-green.gif) no-repeat top right;
}
div.module-green div div div {
padding: 9px 15px 15px;
background: url(../images/box-tl-green.gif) no-repeat top left;
}
/* MODULE HILITE BLUE
--------------------------------------------------------- */
div.module-blue {
margin-bottom: 5px;
padding: 0;
width: 97.5%;
background: url(../images/box-br-blue.gif) no-repeat bottom right;
color: #FFFFFF;
}
div.module-blue a {
color: #FFFFFF;
}
div.module-blue div {
padding: 0;
background: url(../images/box-bl-blue.gif) no-repeat bottom left;
}
div.module-blue div div {
padding: 0;
background: url(../images/box-tr-blue.gif) no-repeat top right;
}
div.module-blue div div div {
padding: 9px 15px 15px;
background: url(../images/box-tl-blue.gif) no-repeat top left;
}
/* MODULE HILITE ORANGE
--------------------------------------------------------- */
div.module-orange {
margin-bottom: 0px;
padding: 0;
width: 97.5%;
background: url(../images/box-br-orange.gif) no-repeat bottom right;
color: #FFFFFF;
}
div.module-orange a {
color: #FFFFFF;
}
div.module-orange div {
padding: 0;
background: url(../images/box-bl-orange.gif) no-repeat bottom left;
}
div.module-orange div div {
padding: 0;
background: url(../images/box-tr-orange.gif) no-repeat top right;
}
div.module-orange div div div {
padding: 9px 15px 10px;
background: url(../images/box-tl-orange.gif) no-repeat top left;
}
#ja-leftcol div.module-blue,
#ja-leftcol div.module-green,
#ja-leftcol div.module-orange,
#ja-rightcol div.module-blue,
#ja-rightcol div.module-green,
#ja-rightcol div.module-orange {
width: 100%;
float: left;
clear: both;
}
this is css code for blue, green , …. box module, you must copy this code add to template.css file in templates/ja_edenite/css folder.
– Step 2 :
open templates/ja_antares/images folder copy following images : box-tl-blue.gif, box-tl-green.gif,box-tl-orange.gif,box-tr-blue.gif,box-tr-green.gif,box-tr-orange.gif to templates/ja_edenite/images folder .
– Step 3 :
Open index.php file in templates/ja_edenite folder change code for load module with load parameter is “rounder”
example : if you want user7 and have green box , in index.php file you search code
<jdoc:include type="modules" name="user7" style="......" />
change into :
<jdoc:include type="modules" name="user7" style="rounded" />
– step 4 :
Go to administrator ser module class suffix to “-green” or “-blue” or “-orange”
good luck !
