Customizing Username Styles!

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:

To edit the text shadow color you change the color code:

text-shadow: 0px 0px 5px #39c70d;

Click to expand...

Results of the text shadow:



Image Next To Name:

To edit image next to name, change image directory:

<span style="color: green;"><img src="images/buddies.gif">{username}</span>

Click to expand...

Results of image next to name:



Glitter name/background image on username:

To edit glitter image or change image for background image:

<span style="color: green;background:url(http://i25.tinypic.com/2ntaf5z.gif);">{username}</span>

Click to expand...

Result of glitter name(this image is an animation behind your name:http://i25.tinypic.com/2ntaf5z.gif):



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

From,
Angel .

this can also be used in any html webpage

Yep anything in the "style="" " can be used on html page

Hmmm, Interesting.