XF 1.4 Adding Customer Border for a Rank

[Daphonic]

My end goal is this = http://imgur.com/PcybLjM The blueish border around Sarahmon's Avatar.

I figured this is possible with the Below Code

.message.staff .messageUserInfo .helper {
display: block;
position: absolute;
top: -6px;
left: -6px;
content: "";
background: url("@imagePath/xenforo/icons/staff-ribbon-posted.png") no-repeat transparent;
height: 107px;
width: 107px;

}
​

This code is used to put Staff banner on Peoples Avatar. What I'd like to try and do is Members who Obtain Patron Status (upgraded account/donations) will get a cool banner around their avatar to show they are helping keep the community going and funded.

I'm slowly figuring out what I needed to do, but I'm not sure what I need to do to this code above. The Group that the member joins once they upgrade their account is "Patron Status" so that's the group id like the border to be linked to. Would anyone mind helping me out with this?

 

[DEZero]

I was looking around, this may help you some:

https://xenforo.com/community/threads/how-to-add-an-image-to-avatarholder-diff-for-groups.19351/

 

[Daphonic]

Thank you for looking, after reading most of those posts, looks like they are having errors. Also the amount of code they use is crazy.. I would think the above code work would. I'm just not sure what I put in the ".message.staff .messageUserInfo .helper {" for what i want to do, everything i try doesn't work.

 

[DEZero]

I'll work on something tonight, if I get it down I'll post the code and results. Unless someone else figures it out before then.

 

[Daphonic]

dude so many thank yous!

 

[TickTackk]

Under template
Find:

<li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_staff}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">

Replace with:

<li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_staff}', 'staff'} {xen:if $message.isIgnored, ignored} {xen:if {xen:helper ismemberof, $message, 69}, 'if_you_know_what_i_mean_hehe'}" data-author="{$message.username}">

In Extra.CSS

.message.if_you_know_what_i_mean_hehe .messageUserInfo .helper
{
    display:    block;
    position:   absolute;
    top:        -6px;
    left:       -6px;
    content:    "";
    background: url("@imagePath/xenforo/icons/staff-ribbon-posted.png") no-repeat transparent;
    height:     107px;
    width:      107px;
}

======================
Change:
69
In:

{xen:if {xen:helper ismemberof, $message, 69}

With:
The user group id to which users are promoted after purchasing the user upgrade.

Change:

if_you_know_what_i_mean_hehe

To the class name you prefer:
Whatever you want

 

[Daphonic]

I will test this out tomorrow. Thank you.

 

[Daphonic]

@batpool52! sorry took me so long to get back to you, but What Template Am I looking under for
<li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_staff}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}"> ?

 

[TickTackk]

message

 

[Daphonic]

@batpool52! thank you for insanely fast response, working on this now.

 

[Daphonic]

@batpool52! - http://www.lethalitygaming.com/admin.php?user-groups/patron-status.8/edit I will assume that this means The Group ID is 8?

 

[TickTackk]

Yes

 

[Daphonic]

http://www.lethalitygaming.com/threads/bug-list.185/ - I got it working man. Works amazing! I thank you so much!

 

[DEZero]

nice, all you need now is the responsive part

 

[Daphonic]

What do you mean Responsive part?

 

[Ernest L. Defoe]

What do you mean Responsive part?

If you look at your site on a mobile device the border looks out of place. It doesn't scale to fit the avatar on smaller screens.

 

[Daphonic]

Ahh, Understood. I still need to fix the Site on mobile all around Once I'm 100% finished with site on normal. I think ill work on the mobile, but thank you for the info sir.

 

[Michael Frame]

Any luck on the responsive part?

 

[Daphonic]

No I haven't fixed that issue yet. It's on the list of 30+ things I need to do

 

[Michael Frame]

Darn, I want to add the same thing to my site. Its a great idea.