End-User Options - UKBL ~ Twitter profile link on Postbit ~ Clickable

UKBL ~ Twitter profile link on Postbit ~ Clickable !!

Member on Twitter? Show other members that you have a Twitter presance by adding a Twitter Icon to your postbit

Not been on for a while but i've had numerous requests for this Twitter hack so here we go....

This is a cool hack which will let your members add a Twitter Icon to their Postbit template, They need to add their Twitter Profile user name in their userCP for this to show, If they don't enter one, then the badge don't show

Runs along the same lines as the Facebook Hack, so if you've installed that, you'll love this

How to install.

Its really easy to do, as always, so if your sitting comfortably, lets begin

Now we need to create a User Custome field, so.....

AdminCP and add a custom field > User Profile fields > Add New User Profile Field

Title = Twitter User Name

Description = Enter Your Twitter username from your Twitter User Profile

Default Value = Leave empty

Max length of allowed user input = 20

Display Size = 10

Display Order = 10 or 15

Field Required = No as default

Field Editable by User = Yes in case member wants to delete, Later

Private Field = No

Field Searchable on Members List = No

Show on Members List = Yes

Regular Expression = leave empty

Save the field

Once you've saved you can see what the field number is, So lets say its Field11 for example, Remember this as will need it for your Postbit Edits :up:

Thats the first bit done, now Part Two

Go to the template you are using in Styles & Templates/Style Manager, and select Edit templates.

Go to "postbit templates" and select the template you are using, either postbit or postbit_legacy.

Find the following

<if condition="$post['joindate']"><div class="postbit">$vbphrase[join_date]: $post[joindate]</div></if>

Directly above it add

<if condition="is_member_of($bbuserinfo, 6, 7, 9)">
<if condition="$post['field11']">
<a href="https://twitter.com/$post[field11]">
<img alt="My Twitter" border="0" src="http://i475.photobucket.com/albums/rr114/ukbusinesslive/twitter3.gif" border="0"/>
</if></if>

replace the RED Field attribute for your own and dont forget to replace the twitter image show in the above code for your own, see below

http://i475.photobucket.com/albums/rr114/ukbusinesslive/twitter3.gif

I've added several twitter images below but feel free to use your own

They are in .gif and .png, use the ones you feel happiest with








Now when members sign up their Twitter badge and enter their profile user ID into the "Enter your twitter username from your Twitter User Profile" section in their UserCP, The Badge will automatically appear in their Postbit

Don't forget to change the usergroup condition with the number of the usergroups that you want to be able to view this

<if condition="is_member_of($bbuserinfo, 6, 7, 9)">

That means that guests and banned users will not be able to view members Twitter profile urls

Members who do not add a user id will not be shown anything.

Next, Upload the Twitter icon to your forums/images/misc folder and add the full url to the part in the code which shows the image.

if you are just seeing a red cross on your postbit, then its because your image url is not right

Oh Forgot to say, Badge is fully clickable so members can click directly to Twitter



Please Click Installed and I'll support you 100%

Thanks

[Brandon Sheley]

can you post a screenshot of the mod being used?

[TimberFloorAu]

Our version looks like this.

[kursed]

<a href="http://img207.imageshack.us/img207/719/twitter1.jpg" target="_blank">http://img207.imageshack.us/img207/719/twitter1.jpg</a>

As you can see in the above pic, it turns all the text under the twitter pic into a link. How can I correct that?

[kersti]

-the end link tag is missing...

border="0"/></a>
</if></if>

[solidstate]

excellent mod. cool

[kursed]

Originally Posted by kersti

-the end link tag is missing...

border="0"/></a>
</if></if>

Thank you, I should've noticed that. =/

[scottjonesqpr]

this is brilliant!

thank you!

excuse my idiocy but how do i get the twitter link to open a new page??

[UKBusinessLive]

Originally Posted by scottjonesqpr

this is brilliant!

thank you!

excuse my idiocy but how do i get the twitter link to open a new page??

To get the link to open in a new browser window, what you do is add the target="_blank" attribute to your code, like this

<a href="https://twitter.com/$post[field11]" target="_blank">

If you do that , then you don't navigate away from your site

[scottjonesqpr]

Cheers!

[ErnieTheMilk]

Great!

However, I've been trying to run both this and the FB mod side by side and all I get is a mix of the two What I actually get is the FB profile linking to the Twitter profile pic, or the Twitter image not showing at all!

Any ideas how I can get both to work together in perfect harmony?

<if condition="is_member_of($bbuserinfo, 2, 5, 6, 7, 10)">
<if condition="$post['field5']">
<a href="http://www.facebook.com/home.php/#/profile.php?id=$post[field5]&ref=profile">
<img alt="My Facebook" border="0" src="http://www.mysite.com/forum/images/facebook.png" border="0"/>
</if></if>

<if condition="is_member_of($bbuserinfo, 2, 5, 6, 7, 10)">
<if condition="$post['field6']">
<a href="https://twitter.com/$post[field6]
<img alt="My Twitter" border="0" src="http://www.mysite.com/forum/images/twitter1.png" border="0"/>
</if></if>