username effects

[MentaL]

users > list user group > choose group > user name css:

Insert

color: #000;
background: #fff;
text-shadow: 2px 2px 3px #000;

Gives a drop shadow, pretty neat, much better than VB's system.. post your own.

 

[MentaL]

Could someone relocate this to the correct section.

 

[Paul B]

Could someone relocate this to the correct section.

Done.

Into a brand new forum too for small tips & tricks like this

 

[MentaL]

cheers mate.

 

[MentaL]

background-image:url("/images/backround11.gif"); font-weight: bold;  color:#FFFFFF

allows you to use a backround image with a white bold font, works and looks good.

 

[Pope Viper]

Could you guys also provide screenshots?

 

[Martyn]

Show us a screenshot as I'm at work can't replicate ATM!

 

[Mr_Bob]

Thank you so much for this! I thought I had to put in opening and closing brackets, and had no idea why my CSS wasn't working. Now I know better .

 

[MentaL]

http://ragezone.com/2011/threads/facebook-intergration-now-active.18/


Live demo, its my testing ground for my members to get used to it and experiment.

 

[EQnoble]

I saw your OP and tried it for myself (awesome simple idea there, thanks ), this is what I came up with ...

color: #000;
background: ;
text-shadow: 4px 2px 4px #505c62;

 

[MentaL]

http://www.kremalicious.com/2008/04/make-cool-and-clever-text-effects-with-css-text-shadow/

Allot of cool ones here.

 

[EQnoble]

http://www.kremalicious.com/2008/04/make-cool-and-clever-text-effects-with-css-text-shadow/

Allot of cool ones here.

Awesome find...thanks for this...

 

[Martyn]

Ah was playing about with this last night!! Few had good laugh on vbirc

 

[Ranger375]

This doesnt seem to work anymore...rather than a shadow it mades a box....in Firefox at least


edit: removing the second line seems to make it work...

 

[Solozzo]

Thanks for the trick

 

[Michael Dance]

Thanks MentaL nice tip

 

[Brandon Sheley]

This doesnt seem to work anymore...rather than a shadow it mades a box....in Firefox at least

edit: removing the second line seems to make it work...

This is cool, but I see the box in firefox as well if I add a background

I really like this setup though compared to what I had on vb

 

[dtmcl]

padding-left: 17px;
background: transparent url(your icon link) no-repeat center left;

This is what I use to add cool icons before a username, you can see a demo thingy of what they look like Here

 

[Sylar]

Thanks for the code, mate. Will be working on some for my site soon

 

[zaiger]

Thanks bro, I am using this trick now!