How do I center my forums and add a crown by username? Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
3 posters

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

    Hero Skillet
    Hero Skillet
    Hero Skillet
    Forumember


    Male Posts : 57
    Reputation : 3
    Language : english
    Location : Bullet-Scape.com
    • Post n°1

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

    Post by Hero Skillet May 11th 2012, 1:41 am

    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
      How do I center my forums and add a crown by username? 8e346e7b7bfc44e683ac6e0
      I want mine to have it were the crown like that pic is next to the name and get rid of 'owner'
    • Back to top
    +Fusion-
    +Fusion-
    +Fusion-
    Forumember


    Male Posts : 252
    Reputation : 4
    Language : English
    Location : Flying
    • Post n°2

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

    Post by +Fusion- May 11th 2012, 3:45 am

    Hi there Hello ,
    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;
    }

    • Back to top
    Hero Skillet
    Hero Skillet
    Hero Skillet
    Forumember


    Male Posts : 57
    Reputation : 3
    Language : english
    Location : Bullet-Scape.com
    • Post n°3

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

    Post by Hero Skillet May 11th 2012, 5:18 am

    ReBoRNz wrote:Hi there Hello ,
    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.
    How do I center my forums and add a crown by username? 895f6b1a76924cac9bd2563
    • Back to top
    +Fusion-
    +Fusion-
    +Fusion-
    Forumember


    Male Posts : 252
    Reputation : 4
    Language : English
    Location : Flying
    • Post n°4

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

    Post by +Fusion- May 11th 2012, 8:11 am

    if i knew how to fix the code i would, but sorry idk how, i just found the code and posted it for u
    • Back to top
    Nera.
    Nera.
    Nera.
    Energetic


    Female Posts : 7078
    Reputation : 2017
    Language : English
    Location : -
    • Post n°5

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

    Post by Nera. May 11th 2012, 8:32 am

    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" />');
        }
    });
    • Back to top
    +Fusion-
    +Fusion-
    +Fusion-
    Forumember


    Male Posts : 252
    Reputation : 4
    Language : English
    Location : Flying
    • Post n°6

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

    Post by +Fusion- May 11th 2012, 9:39 am

    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.
    • Back to top
    Hero Skillet
    Hero Skillet
    Hero Skillet
    Forumember


    Male Posts : 57
    Reputation : 3
    Language : english
    Location : Bullet-Scape.com
    • Post n°7

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

    Post by Hero Skillet May 11th 2012, 10:16 pm

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


    Male Posts : 57
    Reputation : 3
    Language : english
    Location : Bullet-Scape.com
    • Post n°8

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

    Post by Hero Skillet May 11th 2012, 10:58 pm

    Rideem3 wrote: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!
    • Back to top