MyBB Community Forums

Full Version: CSS on Username Style
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I am lousy at CSS and I am trying to get the Username Style right

Can you help me  Huh
<span style="color:#99cc99";font-weight:400;text-shadow: 0px 0px 9px #ff0000; background:url(http://i.imgur.com/PKna17h.gif);">{username}</span>

This is not showing 'bold' or the confetti effect, how can I do with or without the effect
Sorry to ask

Thank You  Blush
It's just a little slip in your CSS.
Remove the double-quote sign after color:
<span style="color:#99cc99;font-weight:400;text-shadow: 0px 0px 9px #ff0000; background:url(http://i.imgur.com/PKna17h.gif);">{username}</span>

That's it!

BTW.
Never use external sources to style your website. Do not link the background image to a file hoster but copy the image and host on your website yourself to ensure the resource is available permanent for sure.

[ExiTuS]
This worked nicely but I lost the bold and that is done using "em"
on the image being on the images/folder done! Thanks

<span style="color:#ff0000;font-weight:400;text-shadow: 0px 0px 9px #1A1A1A; background:url(images/PKna17h.gif);">{username}</span>

If am I am no abusing your knowledge please tell me

what if I don't need the sparkles just the bold and the color

TYVM Blush
For bold text, better replace your font-weight from number to specific value:
font-weight: bold;

The sparkles come from the background image. To dismiss this background, just remove "background:url(...);"
Then there is no need for hosting this file anymore of course Smile

[ExiTuS]