PDA

View Full Version : Adding Icons to postbit next to ICQ AIM etc


leejohn02
27 May 2011, 13:54
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
28 May 2011, 01:21
Very nice explanation, I will put it to use in my forum. :)

hamedbia2
28 May 2011, 08:09
:x thank u

RobbieZ
28 May 2011, 11:00
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
02 Feb 2013, 22:10
How do we move the profile fields closer to the other social IM profile fields?