How do I center my forums and add a crown by username?

[Hero Skillet]

1. I'm trying to learn how to work with forums and my friend has a site that I'm trying to learn off of. I want the forum to be more centered like his instead of to the right. I have a widget that is causing it to move but on his it stays centered. Even if that means I need to make the forum part smaller in width or what ever.
   My website
   How I want it to look
   
2. I'd like to fix it so that there's a crown next to the username instead of under it. On my site I couldn't even add it under it other than the pic like his site
   
   I want mine to have it were the crown like that pic is next to the name and get rid of 'owner'

[+Fusion-]

Hi there ,
u can use this css code :

Code:

a[href="/u1"] {
    background: url("http://i52.tinypic.com/8ytevp.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}

[Hero Skillet]

Hi there ,
u can use this css code :

Code:

a[href="/u1"] {
    background: url("http://i52.tinypic.com/8ytevp.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}

Well it almost worked, but it pops up with another crown at the bottom of the user too and also glitches the bottom part of the crown off in some posts. Also how do I make it work for another rank?

See under the avatar is the crown again.

[+Fusion-]

if i knew how to fix the code i would, but sorry idk how, i just found the code and posted it for u

[Nera.]

Hi, add this to AP > Modules > JS managment and mark all pages.

Code:


$(function() {
if($('a[href="/u1"] span strong')){
            $('a[href="/u1"] span strong').before('<img src="http://cdn2.iconfinder.com/data/icons/ledicons/crown.png" border="0" />');
    }
});

[+Fusion-]

If u wanted that red crown the code would be:

Code:


$(function() {
if($('a[href="/u1"] span strong')){
            $('a[href="/u1"] span strong').before('<img src="http://i52.tinypic.com/8ytevp.png" border="0" />');
    }
});

Credits to Nera.

[Hero Skillet]

It's not working. I'm wanting to make crowns for each of the staff members owner/developer, admins,mods,donors etc.

[Hero Skillet]

There are two tutorials you can follow:
http://www.malware-site.www/forum/index.php/topic/108-how-to-add-add-an-icon-before-username-with-jquery/
Or
https://help.forumotion.com/t90311-how-to-add-an-icon-before-username

To have your forum centered add the following CSS Code to your CSS StyleSheet:

Code:

.bodylinewidth {
    background-color: #1F1E1E;
    border: 1px solid #4F4F4F;
    width: 80%;
}

Thank you so much!