1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Visitor panel

Discussion in 'Styling and Customization Questions' started by Tracy Perry, Mar 22, 2013.

  1. Tracy Perry

    Tracy Perry Well-Known Member

    OK, I don't know what has happened, but suddenly my drop down panel looks like this:

    [​IMG]

    The only thing I have done recently is removed [RT] User Ranks and moved to using the User Profile override pointing to an image in the group settings. Any suggestions. I've compared the CSS to the xenForo site and it looks the same in Chrome's inspect element. I've gone into config.php and disabled all add ons and it still shows this way.

    OK, now I figured out it's because of using an image in the group settings like
    Code:
    <img src="images/rank/member.png"
    but the question now is how to get it back like it was while using the image.
     
  2. Lisa

    Lisa Well-Known Member

    Got a link to your site?
     
  3. Tracy Perry

    Tracy Perry Well-Known Member

    Two Wheel Demons. When I use CSS code like shown by Brogan (and which I have used before) it does correctly. It's just when you use an image for the placement in the box.
    IMHO it is one thing that xenForo needs is the ability to assign an image to the user group since you can't do as much with CSS as you can with PhotoShop.
     
  4. Lisa

    Lisa Well-Known Member


    Is

    Code:
    <img src="images/rank/member.png"
    that the exact code you have? I assume you're talking about it being "User title"?

    If so, you're missing the closing > (which won't help it not being in columns anymore). In all honestly, I think you'd be best off using the addon. I'll keep fiddling though.
     
  5. Tracy Perry

    Tracy Perry Well-Known Member

    Problem with the add on is that it does not use the priorities - if you have a user assigned to 3 groups, 3 rank ribbons show up. Waste of real estate. I may just go back to the CSS that Brogan gives an example of. Just found one small nit with his instructions (unless I missed it) that being in the members listing the rank bar goes all the way across the screen. It can be fixed by using a max-width in the CSS and make it wide enough for your longest title.
    The closing > is in there... just missed it typing in.

    And no, it wasn't in there on MY user group... and THAT WAS the problem. :oops:
    I gotta start getting more than 3 hours sleep a day - moving my forum over to a VPS has been a handful.
    Thanks for catching that!
     
  6. Lisa

    Lisa Well-Known Member

    I use just css for my rank images and don't have any issues with it at all :)
     
    Brandon Sheley and Shelley like this.
  7. Tracy Perry

    Tracy Perry Well-Known Member

    Yep, but I am drawn to those fancy images... the ones I found are fairly subdued and fit the site fairly well. Been using Gimp to do some, but they aren't turning out to great so may break down and purchase a professional package... boy these hobbies can get expensive. :confused:
    I know that you can use images for shading, etc. (look at the work that Master Shelley does), but I'm not that good (yet - and probably will never be, I have the artistic talent of a rock).
     
  8. Lisa

    Lisa Well-Known Member

    No you misunderstood.. I have images, I just use CSS to put them in place :D
     
    Shelley likes this.
  9. Tracy Perry

    Tracy Perry Well-Known Member

    And if they are in more than 1 group it only shows one? Can you provide a sample of your CSS please. I was able to get blank rank images displayed and have the default text overwrite it.. would you basically do the same but use the display: none !important; in the CSS?
     
  10. Lisa

    Lisa Well-Known Member

    I don't have more than 1 image for each usergroup, so I can't say if it repeats or not.

    I have edited the template message_user. Beneath

    Code:
    <!-- slot: message_user_info_avatar -->
            </div>
        </xen:hook>
    I've added:-

    Code:
    <xen:if hascontent="true">
    <ul class="ribbon">
    <xen:contentcheck>
    <xen:if is="{xen:helper ismemberof, $user, 3, 4, 5}">
    <li class="ribbonStaff">
    </li>
    </xen:if>
    </xen:contentcheck>
    </ul>
    </xen:if>
    
    And then in extra.css, I've added:-

    Code:
    .ribbon {
        margin: -1px -6px -2px;
    }
     
    .ribbon li {
        padding: 5px;
        position: relative;
        height: 30px;
    }
     
    .ribbonStaff {
        background: url('@imagePath/xenforo/icons/staff.png') no-repeat center;
    }
    You would need to change usergroup ID's and css imagery info/url to suit (as well as editing the margins, padding etc).

    I was lucky to have Shelley helping me on this particular style, so all credit goes to her for this.
     
    Shelley likes this.
  11. Tracy Perry

    Tracy Perry Well-Known Member

    Hmmm.. may play with that, but looks like it would entail more work to get the same results that I want for now. Looking at your example it appears that you are restricting the display based upon their group number, so it's performing basically the same function that setting the image in the user group page does. Time to start playing with that on my Debian box in the other room (my "developmental server").

    Thanks!
     
  12. Lisa

    Lisa Well-Known Member

    At the very least it'll give you a starting point to play with :) I'm planning on tweaking it for a new style I'm working on.
     
    Shelley and Tracy Perry like this.
  13. EQnoble

    EQnoble Well-Known Member

    went to check out your site.....on signup...the email field is much shorter in height than the other fields...(i think it was set to 7px.) , the text was only half visible when entering the info. Just a heads up
     
    Tracy Perry likes this.
  14. Tracy Perry

    Tracy Perry Well-Known Member

    Thanks... that's something I had noticed but forgot to put down on my fixit list... since I use images on the right I have to control the height manually. It was set at 7px (instead of 22px like the others). Fixed now.
     
  15. Shelley

    Shelley Well-Known Member

    Your productivity has been contagious. I was wondering why I found myself productive recently, now I know. :cautious: :D
     
    Lisa likes this.
  16. Lisa

    Lisa Well-Known Member

    You should go take a peak at what i've been working on.
     
  17. Shelley

    Shelley Well-Known Member

    which forum is it again? NM I'll find it *goes and checks*
     
    Lisa likes this.

Share This Page