MyBB Central
Username styles? - Printable Version

+- MyBB Central (http://www.mybbcentral.com)
+-- Forum: Mybb Central General Discussions (http://www.mybbcentral.com/forum-1.html)
+--- Forum: Mybb General Support Help (http://www.mybbcentral.com/forum-6.html)
+--- Thread: Username styles? (/thread-6452.html)

Pages: 1 2 3


Username styles? - ProxRock. - Feb 02, 2011

Hello, can somebody give me code for cool username styles? Thanks Smile


RE: Username styles? - Oliver Evans - Feb 03, 2011

Red Text Colour & Red Glow
Code:
<span style="color: red; text-shadow: 0px 0px 5px rgb(255, 0, 0);">{username}</span>
  • The color: red is the font color. So you could change this to color: green or color: #ff9000
  • The text-shadow: 0px 0px 5px is the position of your "glow". Mine is set to no distance, no spread, 5px in size. This makes it look like a glow, and not like a drop shadow.
  • rgb(255, 0, 0) is the color of the glow, I have it set to red. Photoshops color editor will help you make sure you get the correct color codes for this.
Theres also a nice sparkle effect that SouR'd uses on his site ill add later



RE: Username styles? - ProxRock. - Feb 03, 2011

If you can post that sparkle effect I'd be thankful Smile


RE: Username styles? - Oliver Evans - Feb 04, 2011

Yer sure, ill post it up in a bit when I get home Smile


RE: Username styles? - Oliver Evans - Feb 04, 2011

Code:
<span style="background: url("http://i752.photobucket.com/albums/xx164/optiikzz/rc599e.gif") no-repeat scroll 0% 0% transparent; color: red; text-shadow: 0px 0px 5px rgb(255, 0, 0);">{username}</span>

There you go.
You can thank SouR'D for that Smile ( i stolez it from his forum Smile )

Basically theres a animated gif in that URL that iw shite particles moving round. In that code you can see the "transparent" bit, basically saying to use transarency from the gid in the background so it doesnt show up black or something on your forum.

This sparkly effect is difinatly best on a dark forum like SouR'D's, on a white or light forum, it looks like grey speks moving over your name and it isnt very good Sad


RE: Username styles? - ProxRock. - Feb 04, 2011

Don't know why, but that code does not work for me Sad


RE: Username styles? - Oliver Evans - Feb 05, 2011

Sorry you dont need the quotes. Copy this code

Code:
<span style="background: url(http://i752.photobucket.com/albums/xx164/optiikzz/rc599e.gif) no-repeat scroll 0% 0% transparent; color: red; text-shadow: 0px 0px 5px rgb(255, 0, 0);">{username}</span>



RE: Username styles? - __JJ__ - Feb 05, 2011

The first step is to obtain the sparkle gif file you want to use & upload it to your root somewhere as leeching from another account is just rude to me personally.

Then in the admin cp edit the user group you wish to add this to with this code:

Code:
<span style="background: url(/images/filename.gif)" /><span style="color: #7FFFD4;"><strong>{username}</strong></span>

/images/filename.gif ......leave the brackets but replace with your file path

#7FFFD4 ........ replace with css code of color you want name to be

I attached a couple of gif's you can use & that should fix ya up Wink


RE: Username styles? - Oliver Evans - Feb 05, 2011

The code you provided may not work.

I would have both span styles in one span tag so.
Code:
<span style="background: url(/images/filename.gif); "color: #7FFFD4;"><strong>{username}</strong></span>



RE: Username styles? - __JJ__ - Feb 05, 2011

Have it working on 2 of my forums so does work, but will try yours to see if flows better. I am no coder just a guy that finds ways to make stuff work

edit: Thanks but using your code the css did not work for group name color, but sparkle effect does. The code I posted does work fine on both 1.6.0 & 1.6.1 as both are in use.