Visitor panel

TPerry

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.
 
Sort by date Sort by votes
Tracy Perry said:
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.
Click to expand...


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.
 
Upvote 0 Downvote
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!
 
Upvote 0 Downvote
Azhria Lilu said:
I use just css for my rank images and don't have any issues with it at all :)
Click to expand...
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).
 
Upvote 0 Downvote
Azhria Lilu said:
No you misunderstood.. I have images, I just use CSS to put them in place :D
Click to expand...
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?
 
Upvote 0 Downvote
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.
 
Upvote 0 Downvote
Azhria Lilu said:
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.
Click to expand...

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!
 
Upvote 0 Downvote
Tracy Perry said:
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!
Click to expand...
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.
 
Upvote 0 Downvote
Tracy Perry said:
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.
Click to expand...
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
 
Upvote 0 Downvote
EQnoble said:
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
Click to expand...

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.
 
Upvote 0 Downvote
You must log in or register to reply here.

Similar threads

Spartan
  • Question Question
XF 2.2 Is there a way to give each visitor the option to zoom in/out on a page
Replies
2
Views
163
Spartan
Spartan
Foxtrek_64
  • Suggestion Suggestion
Native Moderator Control Panel
Replies
8
Views
331
KSA
KSA
B
  • Question Question
XF 2.2 Overwhelmed by control panel - Are there more tutorial videos?
Replies
10
Views
521
Arantor
Arantor
Chernabog
  • Question Question
XF 2.2 "Your Content" under visitor tab account returns no permission to view content
Replies
11
Views
796
Chernabog
Chernabog
Ludachris
  • Suggestion Suggestion
Lack of interest User-customizable Visitor Panel
Replies
2
Views
385
Ludachris
Ludachris
Back
Top Bottom