Profile Enhancements - Personal User Badges

This is something I came up with for a site I help manage. It gives users the option to set a custom badge that is displayed in the postbit_legacy. Sorry if I got the prefix wrong, I couldn't think which one this best belonged in.

Anyway, this is going to take advantage of template modification and profile field creation.

So, for starters, we're going to make the profile field that will be used for the badges. Open up your ACP and click on 'Add New User Profile Field'. Select 'Single-Line Text Box'. Title 'Personal User Badge'. Description can be whatever. Put it in the appropriate Profile Field Category.

Leave the default value blank. Make sure the field length is high, I use 100. That's for long image links. Set field length to 50. Don't mess with display order. Make sure field required is set to no. Field editable by user should be set to yes. Private field should be set to yes. This makes it so users can't see each others links. It makes the profile page look bad. Staff will still be able to see the links.

Field searchable on members list and show on members list should both be set to no. That's it, now click save. You should be redirected to the profile field manager.

When finished, it should look something like this when you click on edit:


Take note in the field manager of the 'name' column. This is important and will be needed later on. Find the 'name' for the newly created profile field.

Next your going to want to open your master style so this template edit will inherit. If it will not inherit you will have to add this manually to each individual style.

Find and open the template: postbit_legacy

Find this code:

<dl class="userinfo_extra">

You're going to want to place this before the closing tag:

<vb:if condition="$post['fieldxx']"><p style="text-align:center; margin-top:3px;"><img src="{vb:raw post.fieldxx}" alt="Badge" width="180" height="26"></p></vb:if>

So it will look like this:

<dl class="userinfo_extra">
    *stuff that's already here*
    <vb:if condition="$post['fieldxx']"><p style="text-align:center; margin-top:3px;"><img src="{vb:raw post.fieldxx}" alt="Badge" width="180" height="26"></p></vb:if>
</dl>

Now take the 'name' mentioned earlier. Replace the red text with that. Save your template and you're done!! Users can now add their own personal badges. Resolution is 180x26 by default. If you'd like to change that simply edit the green portions of the code.

If this receives enough attention I'll update with the personal links option. This allows users to set a link for their badges so that when users click on the image they'll be redirected.

EDIT: Here's a demo site.

I've directed you to a post by me. As you can see there are two badges. I used this feature to make one for staff only. That's how it will appear though.

EDIT2: Here's a screen capture of what it would look like for those of you who don't or can't view the demo site.

[OUTL4W]

Originally Posted by ozzy47

Your not in Kansas anymore.......

not sure if that means its in your backlog or not but figured it out. I use this method now instead of creating numerous usergroups.

Before finding this mod we created custom user-groups when member paid with vbcredits for requesting a custom user-title/badge....currently we have 110+ user-groups on one forum, using vb3.8.7, that only contain 1 member in order to show these custom ranks/badges/usertitles under avatar in posts....and it's becoming very convoluted.

We now use this mod(personal user badge) but set the "field editable by user" to "no" and set the "Display Page" to "Options: other" and then insert the url link into the field via the ACP when viewing the member's profile via "search for users". Have set up 4 custom user-titles profile fields this way. And now mods can accomplish this without admin intervention of creating specific usergroup.

But its beyond me on how to display it on "MEMBERINFO" template where the ranks/usertitle's show up across from member name currently.

[Jordan S Smith]

Originally Posted by MikeBeams

Can you tell me if and how to add an option where I can set it so only certain usergroups can use this?

The easiest way would be to simply add a few lines of code that say 'only this usergroup may display a userbadge' while the option would still appear under other usergroups, the images wouldn't display.

I'll update this post later when I have the time to work out the code. I might also try and update with how to make the option usergroup specific. I'm currently at university right now and have finals today. I apologize for the inconvenient wait.

A vb condition should take care of this. Try this:

<vb:if condition="is_member_of($bbuserinfo, x,x,x)">Wrap these around the userbadge code.</vb:if>

If you only need one usergroup then remove the second and third 'x' replacing the first with the usergroup id you want. This will allow users of a single or multiple usergroups to display their user badge.

[Jordan S Smith]

Originally Posted by OUTL4W

not sure if that means its in your backlog or not but figured it out. I use this method now instead of creating numerous usergroups.

Before finding this mod we created custom user-groups when member paid with vbcredits for requesting a custom user-title/badge....currently we have 110+ user-groups on one forum, using vb3.8.7, that only contain 1 member in order to show these custom ranks/badges/usertitles under avatar in posts....and it's becoming very convoluted.

We now use this mod(personal user badge) but set the "field editable by user" to "no" and set the "Display Page" to "Options: other" and then insert the url link into the field via the ACP when viewing the member's profile via "search for users". Have set up 4 custom user-titles profile fields this way. And now mods can accomplish this without admin intervention of creating specific usergroup.

But its beyond me on how to display it on "MEMBERINFO" template where the ranks/usertitle's show up across from member name currently.

What exactly is your issue? You want the user badge to appear where? Currently I've only coded it to appear in the postbit.

[OUTL4W]

I adapted this for a 3.8.7 forum I help admin & finally figured out how to show it on the MEMBERINFO template by using:

<if condition="$userinfo[field19]"><img src="$userinfo[field19]"<p style="float:right; margin-top:0px;"></if>