"Helpful Members!" Checkmark on Mini Profiles

[Alan Vende]

I have noticed the Helpful Member 'Badge' on certain user's mini profiles. I also noticed them on PB Staff's MPs. I was wondering how this is implemented. I am in the process of creating mini profiles for my staff on my forum (and other 'distinctive' user groups), and I'd like to add this to my forum, if possible - but not a checkmark, the diamond that's in my logo.

I have a 16x16px version of the diamond (which is used as the staff's stars). Is that partly how the circular box is made? - Also, how do you make it so the whole thing is clickable? Or is only the checkmark itself clickable?

Sorry, I'm just curious. I think it's really, really cool!

[Brian]

Hi, Alan Vende.

It's all done using the Custom Mini-Profile Creator plugin similar to all of our mini-profile modifications.

An image link was appended to the mini-profile then repositioned using CSS.

[Alan Vende]

If I'm reading the stickied thread correctly, though, it also goes with a Helpful Member Group, right? And you add regular members here on Support to the Group. Would that mean that you have a separate mini profile template for the Helpful Member member group? And the image itself is linked to the thread, right?

I assume that getting the black hover on the image (like a tooltip) is done with the JavaScript area of the Plugin?

To achieve it, did you have to put the image and such onto all of the custom MPs that you wanted it added to -- such as Michael's, yours, David's, etc?

EDIT: Would it be possible to use something like the checkmark as a 'verification' of staff (such as the checkmark for verified celebrity pages on FB)?

EDIT 2: Sorry, thought I asked this: What are the dimensions of it? Is the checkmark 16x16px and the circle around it a bit bigger? Like 18x18px?

Thanks, Brian!

[Brian]

Sept 10, 2015 15:20:31 GMT -8 Alan Vende said:

If I'm reading the stickied thread correctly, though, it also goes with a Helpful Member Group, right? And you add regular members here on Support to the Group. Would that mean that you have a separate mini profile template for the Helpful Member member group? And the image itself is linked to the thread, right?

No additional layout template modification is required as the template modifications you make when installing that plugin allow you to check against the user's display group using the Javascript component.

I'm not sure what you mean by your last sentence.

Sept 10, 2015 15:20:31 GMT -8 Alan Vende said:

I assume that getting the black hover on the image (like a tooltip) is done with the JavaScript area of the Plugin?

The hover tooltip is added using jQuery, but it can also be done with the Forum Tooltips plugin which essentially does the exact same thing.

Sept 10, 2015 15:20:31 GMT -8 Alan Vende said:

To achieve it, did you have to put the image and such onto all of the custom MPs that you wanted it added to -- such as Michael's, yours, David's, etc?

Yes, the image has to be added as part of each of the custom mini-profiles you want it applied to.

Sept 10, 2015 15:20:31 GMT -8 Alan Vende said:

EDIT: Would it be possible to use something like the checkmark as a 'verification' of staff (such as the checkmark for verified celebrity pages on FB)?

You can technically do that (that's actually where I drew the inspiration from), but you still have to manually add the custom mini-profile to the user.

Sept 10, 2015 15:20:31 GMT -8 Alan Vende said:

EDIT 2: Sorry, thought I asked this: What are the dimensions of it? Is the checkmark 16x16px and the circle around it a bit bigger? Like 18x18px?

Open the image in a new tab and you'll be able to get its dimensions.

[Alan Vende]

Sept 10, 2015 15:49:19 GMT -8 Brian said:

Sept 10, 2015 15:20:31 GMT -8 Alan Vende said:

If I'm reading the stickied thread correctly, though, it also goes with a Helpful Member Group, right? And you add regular members here on Support to the Group. Would that mean that you have a separate mini profile template for the Helpful Member member group? And the image itself is linked to the thread, right?

No additional layout template modification is required as the template modifications you make when installing that plugin allow you to check against the user's display group using the Javascript component.

I'm not sure what you mean by your last sentence.

Sept 10, 2015 15:20:31 GMT -8 Alan Vende said:

I assume that getting the black hover on the image (like a tooltip) is done with the JavaScript area of the Plugin?

The hover tooltip is added using jQuery, but it can also be done with the Forum Tooltips plugin which essentially does the exact same thing.

Sept 10, 2015 15:20:31 GMT -8 Alan Vende said:

To achieve it, did you have to put the image and such onto all of the custom MPs that you wanted it added to -- such as Michael's, yours, David's, etc?

Yes, the image has to be added as part of each of the custom mini-profiles you want it applied to.

Sept 10, 2015 15:20:31 GMT -8 Alan Vende said:

EDIT: Would it be possible to use something like the checkmark as a 'verification' of staff (such as the checkmark for verified celebrity pages on FB)?

You can technically do that (that's actually where I drew the inspiration from), but you still have to manually add the custom mini-profile to the user.

My last sentence in the first part: linking it to the thread using <a href=""></a>, right?

I had trouble adding the Forum Tooltips to anything that weren't already in the Plugin already - like the picture of my affiliate banner in my affiliate bar (I thought I put a post about it on the Support thread for that plugin, but I guess I didn't. My bad!)

I think that it's a great idea. And thank you. Would it be possible to have the 'default' mini profile in the Plugin but have the checkmark (or diamond, in my case), on it? (Sorry if that doesn't make sense).

[Nscalerr]

Sept 10, 2015 15:55:50 GMT -8 Alan Vende said:

My last sentence in the first part: linking it to the thread using <a href=""></a>, right?

Alan Vende you would need <a href=""><img src=""></a> to have the image itself as a link.

[Alan Vende]

Sept 10, 2015 23:01:28 GMT -8 Nscalerr said:

Sept 10, 2015 15:55:50 GMT -8 Alan Vende said:

My last sentence in the first part: linking it to the thread using <a href=""></a>, right?

Alan Vende you would need <a href=""><img src=""></a> to have the image itself as a link.

Oh! And putting the link around the image HTML. Duh!

Thanks, Nscalerr!

[Brian]

If you don't want to replace the theme's default mini-profile you can leave the HTML section blank and only your CSS and Javascript will be applied to it as mentioned in the tooltip for the HTML section.

[Alan Vende]

Right, I saw that, but wouldn't it be applied to all users who have the default mini profile? Or would it be like Craig's mini profile - since he's a Support Member but also has the default user profile?

[Brian]

You'd still have to manually apply the custom mini-profile to each user.

Sept 10, 2015 15:49:19 GMT -8 Brian said:

Sept 10, 2015 15:20:31 GMT -8 Alan Vende said:

EDIT: Would it be possible to use something like the checkmark as a 'verification' of staff (such as the checkmark for verified celebrity pages on FB)?

You can technically do that (that's actually where I drew the inspiration from), but you still have to manually add the custom mini-profile to the user.

[Alan Vende]

Thanks so much, Brian!