Go to admincp => Styles & Templates => on the line that your style is on (right side) look for All Style Options, Drop down and click Edit Templates. It should automatically redirect you to edit the template (if it doesn't, click Go). Find this:
<if condition="$show['reputation']"><div><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>
<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>Depending on whether or not you want it above your ICQ, AIM, MSN, Yahoo, and Skype Icons, paste code similar to this:
<if condition="is_member_of($post, X)"><img class="inlineimg" src="http://www. .com/images/ranks/image1.gif" alt="image1" border="0" /></if>
<if condition="is_member_of($post, Y)"><img class="inlineimg" src="http://www. .com/images/ranks/image2.gif" alt="image2" border="0" /></if>
<if condition="is_member_of($post, Z)"><img class="inlineimg" src="http://www. .com/images/ranks/image3.gif" alt="image3" border="0" /></if>
1) Change X, Y, and Z to the usergroup ID that belong to them - you can find this information by going to admincp => Usergroups => Usergroup Manager.
On the right side it will say Edit Usergroup (id:x).
2) Change the src="http://www. .com/images/ranks/image1.gif" to the actual location of your images. Each usergroup should be different (otherwise having different usergroups would be useless.
3) Change the alt="image1" to whatever you want. When a person hovers their mouse over that person's image, text will pop up and display this information.
4) Add the images to wherever you put the location to in 2)