Adding Icons to postbit next to ICQ AIM etc

[leejohn02]

Just worked this out today with a bit of hardwork


I added a psn icon and xbox icon to the postbit but u can add what ever icon u choose.

These can be hyperlinked or just displayable when you hover over

1. Create a image.png, make sure its set to 24x24 pixels and upload it to your root/images

2. Create a new user profile field set it to single line and make sure private field, Field Searchable on Members List and Show on Members List are all set to NO.

Remember the Field ID

now open up ACP> Styles & Templates> Search in templates

Search for postbit in titles

Now depending on which one your using you will have to either edit postbit or postbit_legacy

now search for {vb:raw post.icqicon} {vb:raw post.aimicon} {vb:raw post.msnicon} {vb:raw post.yahooicon} {vb:raw post.skypeicon}

after that install one of these two

1st for hypelink

<vb:if condition="$post['fieldX']">
<a target ="blank" href="{vb:raw post.fieldX}"><img src="images/image.png"

<alt="Your Text here {vb:raw post.fieldX}" your text here/></a>
</vb:if>

Change the X to what field you used, then change the image.png to your image file

Replace "Your Text here" to what u want to say b4/ and or after if you want it to say anything if not just delete it.


To do it without a hypelink just remove <a target ="blank" href="{vb:raw post.fieldX}">


Hope you guys enjoy and hope it helps the community

[Juggernaut]

Very nice explanation, I will put it to use in my forum. :)

[hamedbia2]

:x thank u

[RobbieZ]

alt="alt="Your Text here {vb:raw post.fieldX}" your text here/></a>
</vb:if>

Mistype please change..

alt="Your Text here"></a>
</vb:if>

[Chadi]

How do we move the profile fields closer to the other social IM profile fields?