someone with knowledge

Hi i would like to make my boxes look like this instead of the sqaure boxes on the front page dolphin has.

http://makeasocialnetwork.net

see the blue boxes quick search, site stats, check this out, and so  on I would like to do this to all the boxes on my home page can some please tell me how this is done.

Thankyou to those who will take the time to try to help.

you need to look in your template folder and open up general.css  and look for the code below.

.disignBoxFirst
{
position:relative;
background-image:url(../images/bottom_right.gif);
background-repeat:no-repeat;
background-position: right bottom;
margin-bottom: 10px;
padding-bottom: 25px;
}
.disignBoxFirst1
{
position:relative;
background-image:url(../images/bottom_left.gif);
background-repeat:no-repeat;
background-position: left bottom;
}
.boxFirstHeader
{
height:25px;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-transform:uppercase;
background-image: url(../images/top_right.gif);
background-repeat: no-repeat;
background-position: right top;
line-height: 25px;
text-indent: 10px;
text-align: left;
}
.boxFirstHeader1
{
height:25px;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-transform:uppercase;
background-image: url(../images/top_left.gif);
background-repeat: no-repeat;
background-position: left top;
line-height: 25px;
text-indent: 10px;
text-align: left;
}

of course you would need to make each image for the corners. but that should point  you in the general direction.

Thankyou so much for your time, i dont know where i would put the images how to code it in to which part

there is some images in the images folder called op_cor_tl which has 4 of them would they be for that.

Thankyou Again

i think those are the four corners for the login form   but you may be able to use them.