Guide on installing Username Images on vB

Hello all and welcome to my guide on adding username images to Vbulletin.
First of all sign into your admin CP.
Go down to User Profile Fields.
Click add new user profile field and make it Single-Line Text Box.
Fill it out like this:

Click Save.

Before you continue, change the field6 into whatever field number you made your user profile field at.

Now go to Style Manger -> Edit Templates -> Postibt Templates -> Postibit

Now search for this code

Code:

<div id="postmenu_$post[postid]">
					<if condition="$show['profile']">
					<a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a>
					$post[onlinestatus]
					<script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
					<else />
					$post[musername]
					</if>
				</div>

Replace that with this code:

Code:

<!-- User Name Images by World Domination -->
<div id="postmenu_$post[postid]">
					<if condition="$show['profile']">
					<a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]"><if condition="$post['field6']"><img src="$post[field6]" border="0"/></a> <else />$post[musername]</a></if>
					$post[onlinestatus]
					<script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
					<else />
					$post[musername]
					</if>
				</div>

It should now look like this:


Save it and we move on to the next step.

Go to Style Manager -> Edit Templates -> Member Info Templates -> MEMBERINFO

Find:

Code:

$prepared[musername]

Replace with this:

Code:

<!-- User Name Images by World Domination -->
<if condition="$userinfo['field6']"><img src="$userinfo[field6]" border="0"/> <else />$prepared[musername]</if>

Now how to get the username image on.
Click UserCP

Now click Edit Details and scroll to the bottom. Put the url to your image here:

Save it and you should be set.
​

 

I'm bookmarking this for the next time I use vB! Thank you so much for this guide! 10/10

 

Thanks for the positive feedback and you are welcome.

 

The only thing I am going to say is that you need to either crop or make your images smaller. Images should be used to show visually a specific point, and they should try and be as small as possible and efficient as possible and right now they are massive and it makes me not want to read your guide.