how to make user title like this

[PinkMilk]

User Ranks > User Rank Manager > Add New User Rank > Rank Type

In OR you may enter text input add:

<div class="leader_rank"><img src="images/ranks/stars.gif" alt="leader"/></div>

This set up the stars.

Styles & Templates > Style Manager > All style options "Go":

In Additional CSS Definitions add:

.leader_rank {
background:url(images/ranks/leader.png);
width:169px; // Width of background image
height:43px; // Height of background image
position:relative;
}

.leader_rank img {
width:32px;
height:32px;
position:absolute;
right:32px;
}

for more centered stars change

right:32px;

to

left:55px;

This sets up the stars background and position.

With every change you make be it the css or html img tags you must update User Titles and Ranks to see the changes

Maintenance > Update Counters > Update User Titles and Ranks (First option).