how to set a background for the writer

I want to set a background for the writer in posts like this


I got this picture from here
http://forum.forumactif.com/t355202-rang-2020-pour-amelie-manga-bleachlebonforumcom

My forum link: http://topyouth.gamerzfun.com

Make a new rank and there , put that at title :

Code:

<span class="st-rang">RANK TITLE HERE</span>

You can replace RANK TITLE HERE with your title , like Administrator.

Ok , now , create a new javascript and add the next code , mark in topics :

Code:

$(function() {
$('.st-rang').closest('.post').addClass('st-answer');
});

And in the end , you need a CSS style , add that :

Code:

    .post.online.st-answer {
    background: url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top, url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;
    }
    .post.st-answer {
    background: url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top #E5F1F9;

it works but the picture of the member is deleted and I want to set frame like the one in the picture above

Well , add that in your CSS

Code:

.postprofile {
background: rgba(255, 255, 255, 0.62);
padding: 5px;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.09);
box-shadow: 0px 0px 5px white;
}

thanks but i want make a circle corner like this

Try this

Code:

.postprofile {
 padding: 0.5em 1em;
 background-color: #fff;
 border: 1px solid #dddddd;
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-topleft : 15px;
-webkit-border-top-left-radius: 15px;
}

Code:

.postprofile {
background: rgba(255, 255, 255, 0.62);
padding: 5px;
border-radius: 15px;
border: 1px solid rgba(0, 0, 0, 0.09);
box-shadow: 0px 0px 5px white;
}

thanks solved