1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

username effects

Discussion in 'Tips and Guides [Archive]' started by MentaL, Oct 5, 2010.

  1. MentaL

    MentaL Active Member

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

    Insert

    Code:
    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.
     
  2. MentaL

    MentaL Active Member

    Could someone relocate this to the correct section. :)
     
  3. Brogan

    Brogan XenForo Moderator Staff Member

    Done.

    Into a brand new forum too for small tips & tricks like this :)
     
  4. MentaL

    MentaL Active Member

    cheers mate.
     
    raamee likes this.
  5. MentaL

    MentaL Active Member

    Code:
    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.
     
  6. Pope Viper

    Pope Viper Well-Known Member

    Could you guys also provide screenshots?
     
  7. Martyn

    Martyn Active Member

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

    Mr_Bob Well-Known Member

    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 :D.
     
  9. MentaL

    MentaL Active Member

  10. EQnoble

    EQnoble Well-Known Member

    I saw your OP and tried it for myself (awesome simple idea there, thanks :) ), this is what I came up with ...
    Code:
    color: #000;
    background: ;
    text-shadow: 4px 2px 4px #505c62;
    
    test21.png
     
    Dean and Sador like this.
  11. MentaL

    MentaL Active Member

  12. EQnoble

    EQnoble Well-Known Member

  13. Martyn

    Martyn Active Member

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

    Ranger375 Well-Known Member

    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...
     
  15. Solozzo

    Solozzo Member

    Thanks for the trick :)
     
  16. Michael Dance

    Michael Dance Active Member

    Thanks MentaL nice tip ;)
     
  17. Brandon Sheley

    Brandon Sheley Well-Known Member

    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 ;)
     
  18. ShadyX

    ShadyX Well-Known Member

    Code:
    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 :)
     
    zaiger, Sylar and ArnyVee like this.
  19. Sylar

    Sylar Well-Known Member

    Thanks for the code, mate. Will be working on some for my site soon :D
     
    thewizard likes this.
  20. zaiger

    zaiger Active Member

    Thanks bro, I am using this trick now!
     

Share This Page