Visitor panel

TPerry

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

memberprofile.png


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


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.
 
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!
 
I use just css for my rank images and don't have any issues with it at all :)
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).
 
No you misunderstood.. I have images, I just use CSS to put them in place :D
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?
 
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.
 
I don't have more than 1 image for each usergroup, so I can't say if it repeats or not.

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.

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!
 
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!
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.
 
OK, I don't know what has happened, but suddenly my drop down panel looks like this:

memberprofile.png


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

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.
 
Top Bottom