2010-07-20, 06:04 AM
(This post was last modified: 2012-07-20, 06:48 AM by Angel Caquias.)
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:
Results of the text shadow:
Image Next To Name:
To edit image next to name, change image directory:
Results of image next to name:
Glitter name/background image on username:
To edit glitter image or change image for background image:
Result of glitter name(this image is an animation behind your name:http://i656.photobucket.com/albums/uu288/angel-45/backround6.gif):
I hope you enjoyed my tutorial and use it on your forum!
From,
Angel .
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:
<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:
Quote:text-shadow: 0px 0px 5px #39c70d;
Results of the text shadow:
Image Next To Name:
<span style="color: green;"><img src="images/buddies.gif">{username}</span>
To edit image next to name, change image directory:
Quote:<span style="color: green;"><img src="images/buddies.gif">{username}</span>
Results of image next to name:
Glitter name/background image on username:
<span style="color: green;background:url(http://i25.tinypic.com/2ntaf5z.gif);">{username}</span>
To edit glitter image or change image for background image:
Quote:<span style="color: green;background:url(http://i656.photobucket.com/albums/uu288...round6.gif);">{username}</span>
Result of glitter name(this image is an animation behind your name:http://i656.photobucket.com/albums/uu288/angel-45/backround6.gif):
I hope you enjoyed my tutorial and use it on your forum!
From,
Angel .