[MyBB] Customize Username styles

Discussion in 'MyBB Discussions' started by Angel, May 9, 2011.

  1. Angel

    Angel Regular Member

    Joined:
    Jun 2, 2009
    Messages:
    96
    Likes Received:
    38
    Location:
    New York.
    Here you will learn different types of username styles.

    Are you getting bored of your user group with a color and bold? Want to add some spice maby!? Well you gonna learn how to addon more.

    Here are your first steps

    1. AdminCP -> Users and Groups -> Groups -> *Select the group you would like to add on too*

    2. You now want to goto 'Username Style'.

    Different Types of styles that you can use:

    Text shadow:
    Code:
    <span style="color: green;text-shadow: 0px 0px 5px #39c70d;"><strong><em>{username}</em></strong></span>
    To edit the text shadow color you change the color code:
    Results of the text shadow:
    ai29.tinypic.com_5v52q8.png

    Image Next To Name:
    Code:
    <span style="color: green;"><img src="images/buddies.gif">{username}</span>
    To edit image next to name, change image directory:
    Results of image next to name:
    ai25.tinypic.com_307p9oo.png

    Glitter name/background image on username:
    Code:
    <span style="color: green;background:url(http://i25.tinypic.com/2ntaf5z.gif);">{username}</span>
    To edit glitter image or change image for background image:
    Result of glitter name(this image is an animation behind your name:http://i25.tinypic.com/2ntaf5z.gif):
    ai29.tinypic.com_2hp2m4w.png

    I hope you enjoyed my tutorial and use it on your forum! :D

    From,
    Angel :).
     
    Brandon likes this.
  2. Kaiser

    Kaiser Regular Member

    Joined:
    Nov 15, 2010
    Messages:
    6,744
    Likes Received:
    1,132
    Nice tutorial, just letting you know this goes in the MyBB section and not the articles. So I have moved it for you :thumbsup:
    This will be helpful to others.
     
  3. Bamboo

    Bamboo Regular Member

    Joined:
    Jan 4, 2011
    Messages:
    233
    Likes Received:
    24
    Looks a nice tutorial. Will come in useful for some people. :)

    Just to let you know though, the images on the links don't work for me.
     
  4. Kaiser

    Kaiser Regular Member

    Joined:
    Nov 15, 2010
    Messages:
    6,744
    Likes Received:
    1,132
    Looks like tinypic removed it.
     
  5. Angel

    Angel Regular Member

    Joined:
    Jun 2, 2009
    Messages:
    96
    Likes Received:
    38
    Location:
    New York.
    Thanks and ahh alright :D.

    Ye, ill try to see if i get new ones.
     

Share This Page