How to put border radius to this

[gexur]

//DELETE IMAGE//


I want to get this border radius 

(I did it with the chrome editor)

//DELETE IMAGE//


     This is how I got the color box but without the border radius :/ (Sorry for my english)
{if $[user.group]}

<div style="background-color:#$[user.group.color];">$[user.group.name]<br /></div>

{elseif $[user.rank]}

<div style="background-color:#$[user.rank.color];">$[user.rank.name]<br />

{if $[user.rank.stars]}

$[user.rank.stars]<br />

{/if}</div>

{/if}

dertaria.boards.net/

[₪» ⅀ ƪ Ƒ «₪]

I'm sorry if I am misunderstanding what you want, but I think it should be this:

{if $[user.group]}

<div style="background-color:#$[user.group.color];border-radius:50px;">$[user.group.name]<br /></div>

{elseif $[user.rank]}

<div style="background-color:#$[user.rank.color];border-radius:50px;">$[user.rank.name]<br />

{if $[user.rank.stars]}

$[user.rank.stars]<br />

{/if}</div>

{/if}

You can change the "50px" in border-radius for different curves. The higher the number, the more curved the edges are. You can also use percentages. Like 100% would be as circular as it can get. If you do decide to change the number, make sure it is after the : colon and before the ; semicolon. :)

[gexur]

That's what I want, thanks!

[₪» ⅀ ƪ Ƒ «₪]

You're welcome!