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.

Professional Clean User Ranks (and PSD)

Discussion in 'Graphics [Archive]' started by Jonathan, Sep 9, 2010.

  1. Jonathan

    Jonathan Active Member

    Professional clean user ranks.


    Beta Tester
    Team Leader
    Community Team

    New Member
    Senior Member
    Great Member
    Elite Member
    King Member
    Uber Member
    No life Member



    PSD and all ranks attached, PSD very easily editable

    Attached Files:

  2. Eric J.

    Eric J. Well-Known Member

    Nice dude, I like the simplistic feel. ;)
  3. Jonathan

    Jonathan Active Member

    thanks Eric
  4. Kim

    Kim Well-Known Member

    Nice work, simple and clean!
  5. Jethro

    Jethro Well-Known Member

    Nice work, personally love the simple approach to web graphics :)
  6. Vincent

    Vincent Well-Known Member

    Nice, really nice, these just rock!
  7. Vincent

    Vincent Well-Known Member

    Would you mind making a 'Global Mod.' and 'Moderator' instead of the 'Team Leader' and 'Community Member', that would complete the package :D
  8. Brogan

    Brogan XenForo Moderator Staff Member

    I've seen quite a few of these user rank icons popping up.

    Can I just ask where they're intended to be used?
    Are people going to be editing the postbit template to add them in?

    If so, wouldn't it make more sense to make them the same width as the postbit to avoid any resizing?
    Ranger375 likes this.
  9. Jonathan

    Jonathan Active Member




    Quick edits.

    Brogan, fair points. The user ranks may have to be cut down or postbit info extended a little for them to fit in. They can also be used for your current vBulletin or IPB websites. People will most likely have to edit the template to put them in unless there is a feature in XenForo for user rank images.

    That probably would make more sense, thanks for mentioning! I'll ensure all future user ranks stick to the default postbit info width, thanks for letting me know & improve

    Thank you everyone for the lovely comments ;)
    EQnoble and Vincent like this.
  10. EQnoble

    EQnoble Well-Known Member


    Anyone have an idea how to implement something like this?
  11. Brogan

    Brogan XenForo Moderator Staff Member

    My comments weren't meant as a critique, I was just genuinely interested as to where these icons would be used.
  12. Jonathan

    Jonathan Active Member

    That's a great mock up, EQnoble. Nicely done. I'm not sure if I'm 100% keen on the placement though.
    EQnoble likes this.
  13. Shadab

    Shadab Well-Known Member

    This can be easily done via minimal HTML (see below). Mostly CSS would be required (especially for the upward pointing arrow on the top). Just did this via firebug:


    <div class="messageUserBlock">
        <!-- Extra markup for the arrow -->
        <div class="arrow"><span></span></div>
        <!-- The user image, 140px wide -->
        <img src="http://trollin.info/i/13495979494c8a86cdef8ef9.65660002-gmod.png" />
    EQnoble likes this.
  14. EQnoble

    EQnoble Well-Known Member

    now that is frigging cool. What css doc are you refrenceing with that html , or are you doing it from a save page source ... I can't figure out how you did that and it would be awesome to so I can get a kick start on learning all the classes.
  15. Brogan

    Brogan XenForo Moderator Staff Member

    If you use Firefox you can install Firebug and edit web pages directly on the fly.

    Like this:

    EQnoble likes this.
  16. EQnoble

    EQnoble Well-Known Member

    well I use firebug when testing pages I make for flowplayer just to check errors in running code but I was not aware I could on the fly edit pages...how does that work..is this saved to like a temp directory I mean it can't possibly save it to the site? I would have to assume that this is just editing how I see it, right?
  17. Brogan

    Brogan XenForo Moderator Staff Member

    This is going off topic now, apologies Jonathan, but yes, you can edit pages and the edits are stored locally.

    Refreshing the page will remove the edits.
    EQnoble likes this.
  18. EQnoble

    EQnoble Well-Known Member

    Where ideally do you see user ranks placement? I hadn't put to much thought in it and would like to hear how you envisioned it when you created them.
  19. Brogan

    Brogan XenForo Moderator Staff Member

    Personally I would put them in the postbit directly below the user title.


    I've highlighted the css for you so you can see how I did that.
    dutchbb likes this.
  20. Jonathan

    Jonathan Active Member

    I think on XF it would look best directly beneath the avatar

Share This Page