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.

Usergroup Markup

Discussion in 'Tips and Guides [Archive]' started by Shelley, Oct 7, 2010.

  1. Shelley

    Shelley Well-Known Member

    The following enhancement will show an image beside the usergroups that you assign the markup to on the Staff who's Online listings block, Registered Members page & in the Postbit.

    Login into your AdminCP >> Users >> User Groups & click on the usergroup that you want to apply the new markup to.

    In the Username CSS Box paste in the following code:

    font-family: "Lucida Grande" ,Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #73427c;
    background-image: url(styles/default/xenforo/smilies/admin.png);
    background-repeat: no-repeat;
    padding-left: 13px;

    If you require for the markup to show in the Members Online Now listings you'll have to go into the the sidebar_online_users Template and make the following change. Thanks to Mental for allowing me to post the following code.

    class="username{xen:if '!{$user.visible}', ' invisible'}{xen:if {$user.followed}, ' followed'}">{$user.username}</a><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
    Replace with:
    class="username{xen:if '!{$user.visible}', ' invisible'}{xen:if {$user.followed}, ' followed'}">{xen:helper richUserName, $user}</a><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>

    Attached Files:

    Alexey.P, Sway, Fuhrmann and 25 others like this.
  2. akbas

    akbas Member

    Great work.
  3. MentaL

    MentaL Active Member

  4. Shelley

    Shelley Well-Known Member

    You're welcome. :)
  5. thanks for the share...
  6. Martyn

    Martyn Active Member

    wheres the smilie your using!"!?? searched all your threads. lol
  7. Andy.N

    Andy.N Well-Known Member

    Is that avatar your real pic, Shelley?
  8. Shelley

    Shelley Well-Known Member

    Yes, that is me.
  9. CFodder

    CFodder Well-Known Member

    She's a bright shiney star?
  10. Pope Viper

    Pope Viper Well-Known Member

    Awesome, thank you very much.
  11. siros

    siros Member

    Cool .

    Thank you Shelley. :)
  12. ArnyVee

    ArnyVee Well-Known Member

    Shelley, thanks for sharing! :D
  13. ArnyVee

    ArnyVee Well-Known Member

    Shelley, what do you do when the image is pushed against (or slightly on top of) the username? How do you adjust that?

    Check out the attached for an example.

    EDITED: Sorry, very basic CSS question....just change the padding number to a higher number and you're good :D

    Attached Files:

  14. Shelley

    Shelley Well-Known Member

    Was going to say adjust the padding-right to a higher setting but you got it. :)
  15. Shelley

    Shelley Well-Known Member

    Missed your reply, sorry about that. These haven't been released. Kier currently has the psd (which I'll send him the latest revision) but as far as I know Kier will be making these available for download once I finish up the full pack. You can see the latest screenshot in this thread. :)
    Kier likes this.
  16. lms

    lms Well-Known Member


    PoLiZe likes this.
  17. Ranger375

    Ranger375 Well-Known Member

    Shelley, is there a way I could place an image below the name, rather than beside it? I know absolutely nothing about CSS :(
  18. Alex

    Alex Active Member

    Excellent thanks for this, was thinking about it the other day as well :)
  19. manik

    manik Member

    Shelley how can i add the image below the names ?
  20. WoodiE

    WoodiE Well-Known Member

    To add the image below the username simply change the CSS to this:

    font-family: "Lucida Grande" ,Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #73427c;
    display: block;
    background: url(styles/default/xenforo/smilies/admin.png) no-repeat;
    background-position: 0 100%;
    padding-bottom: 13px;

Share This Page