Social Networking in Postbit (with or without block)
Mod Version: 1.0.2, by boydy
| vB Version: 4.x.x | Rating:  (9 votes - 4.78 average) |
Installs: 59 |
| Released: 27 Jan 2011 | Last Update: 16 Jul 2011 | Downloads: 281 |
 Not Supported
 Template Edits
Additional Files
Re-usable Code
|
||
Hi guys,
This is the first mod/hack i have published on here although i do have other projects in use on my own forums.
This mod/hack gives a user the abillity to share their accounts on Twitter/Facebook/MySpace/Bebo/Linkedin/Flickr/Tumblr/Youtube/Vimeo/PSN/XBL which appear in the postbit/postbit legacy.
=|= Install =|=
=|= Step 1 =|=
The first step you will need to go through is creating the custom profile fields for the following:
Profile Field Type - Single-Line Text Box
Title - Twitter
Description - Add a link to your Twitter profile.
Field Searchable on Members List - NO
Show on Members List - NO
Profile Field Type - Single-Line Text Box
Title - Facebook
Description - Add a link to your Facebook profile.
Field Searchable on Members List - NO
Show on Members List - NO
Profile Field Type - Single-Line Text Box
Title - Google+
Description - Add a link to your Google+ profile.
Field Searchable on Members List - NO
Show on Members List - NO
Profile Field Type - Single-Line Text Box
Title - MySpace
Description - Add a link to your MySpace profile.
Field Searchable on Members List - NO
Show on Members List - NO
Profile Field Type - Single-Line Text Box
Title - Bebo
Description - Add a link to your Bebo profile.
Field Searchable on Members List - NO
Show on Members List - NO
Profile Field Type - Single-Line Text Box
Title - Youtube
Description - Add a link to your Youtube profile.
Field Searchable on Members List - NO
Show on Members List - NO
Profile Field Type - Single-Line Text Box
Title - Vimeo
Description - Add a link to your Vimeo profile.
Field Searchable on Members List - NO
Show on Members List - NO
Profile Field Type - Single-Line Text Box
Title - Linkedin
Description - Add a link to your Linkedin profile.
Field Searchable on Members List - NO
Show on Members List - NO
Profile Field Type - Single-Line Text Box
Title - Flickr
Description - Add a link to your Flickr account.
Field Searchable on Members List - NO
Show on Members List - NO
Title - Tumblr
Description - Add a link to your Tumblr account.
Field Searchable on Members List - NO
Show on Members List - NO
Title - Xbox Live ID
Description - Enter your Xbox Live id.
Field Searchable on Members List - NO
Show on Members List - NO
Title - Playstation Network ID
Description - Enter your Playstation Network id.
Field Searchable on Members List - NO
Show on Members List - NO
Once you have done the above please take a note of the profile field numbers that show under the "name" heading in the admincp, eg;
=|= Step 2 =|=
The second step is to download one of the attached zip files containing the images and upload them to the root of your forums. The exact URL should be:
=|= Step 3 =|=
We have 2 options here, you can have it with or without the block.
Social Networking with Block
This option is ONLY available to members that use the Vertical Postbit (postbit_legacy);
Open Template - Postibit Templates -> postbit_legacy
Find -
Add after -
NOTE: Please remember to replace # with the relevant profile field number that you created earlier!
With this update you will also need to add all of your relevant profile field numbers to the line of code at the top, if you are not using all of the social accounts then just add the numbers you need and remove the rest.
This is the line of code in question:
------------------------------------------------------------------------------------------------------
Social Networking without Block
This is available to members who use both the Vertical or Horizontal postbit.
Open Template - Postibit Templates -> postbit_legacy or postbit
Find -
Add after -
-------------------------------------------------------------------------------------------------------
And that's it! Screenshots below showing you how it looks in both postbit templates.
If you have any questions/issues please post below and i'll be happy to help. Also if you wish to request any other Social Networking sites to be added just post a commment and i'll see what i can do!
Hope you enjoy this mod/hack, please make sure you mark as installed!
Thanks!
Boydy
Update Changelog;
For the automatic install product version with no manual edits go here - Social Networking in Posbit AND Profile (Twitter, Facebook, Google+, Linkedin, +more)
This is the first mod/hack i have published on here although i do have other projects in use on my own forums.
This mod/hack gives a user the abillity to share their accounts on Twitter/Facebook/MySpace/Bebo/Linkedin/Flickr/Tumblr/Youtube/Vimeo/PSN/XBL which appear in the postbit/postbit legacy.
=|= Install =|=
=|= Step 1 =|=
The first step you will need to go through is creating the custom profile fields for the following:
Profile Field Type - Single-Line Text Box
Title - Twitter
Description - Add a link to your Twitter profile.
Field Searchable on Members List - NO
Show on Members List - NO
Profile Field Type - Single-Line Text Box
Title - Facebook
Description - Add a link to your Facebook profile.
Field Searchable on Members List - NO
Show on Members List - NO
Profile Field Type - Single-Line Text Box
Title - Google+
Description - Add a link to your Google+ profile.
Field Searchable on Members List - NO
Show on Members List - NO
Profile Field Type - Single-Line Text Box
Title - MySpace
Description - Add a link to your MySpace profile.
Field Searchable on Members List - NO
Show on Members List - NO
Profile Field Type - Single-Line Text Box
Title - Bebo
Description - Add a link to your Bebo profile.
Field Searchable on Members List - NO
Show on Members List - NO
Profile Field Type - Single-Line Text Box
Title - Youtube
Description - Add a link to your Youtube profile.
Field Searchable on Members List - NO
Show on Members List - NO
Profile Field Type - Single-Line Text Box
Title - Vimeo
Description - Add a link to your Vimeo profile.
Field Searchable on Members List - NO
Show on Members List - NO
Profile Field Type - Single-Line Text Box
Title - Linkedin
Description - Add a link to your Linkedin profile.
Field Searchable on Members List - NO
Show on Members List - NO
Profile Field Type - Single-Line Text Box
Title - Flickr
Description - Add a link to your Flickr account.
Field Searchable on Members List - NO
Show on Members List - NO
Title - Tumblr
Description - Add a link to your Tumblr account.
Field Searchable on Members List - NO
Show on Members List - NO
Title - Xbox Live ID
Description - Enter your Xbox Live id.
Field Searchable on Members List - NO
Show on Members List - NO
Title - Playstation Network ID
Description - Enter your Playstation Network id.
Field Searchable on Members List - NO
Show on Members List - NO
Once you have done the above please take a note of the profile field numbers that show under the "name" heading in the admincp, eg;
=|= Step 2 =|=
The second step is to download one of the attached zip files containing the images and upload them to the root of your forums. The exact URL should be:
Code:
www.yoursite.com/yourforum/images/postbit_social/image.png
=|= Step 3 =|=
We have 2 options here, you can have it with or without the block.
Social Networking with Block
This option is ONLY available to members that use the Vertical Postbit (postbit_legacy);
Open Template - Postibit Templates -> postbit_legacy
Find -
Code:
{vb:raw post.skypeicon}
Add after -
Code:
<!--Social Start--><br /><br />
<vb:if condition="$post['field#'] OR $post['field#'] OR $post['field#'] OR $post['field#'] OR $post['field#'] OR $post['field#'] OR $post['field#'] OR $post['field#'] OR $post['field#'] OR $post['field#'] OR $post['field#'] OR $post['field#']">
<div id="thread_info" class="thread_info block">
<h4 class="threadinfohead blockhead" align="center"> Social Networking </h4>
<div id="thread_onlineusers" class="thread_info_block blockbody formcontrols">
<div class="inner_block">
<div align="center"><vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/twitter.png" onmouseover="this.src='images/postbit_social/twitter_a.png'" onmouseout="this.src='images/postbit_social/twitter.png'" alt="Follow {vb:raw post.username} On Twitter" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/facebook.png" onmouseover="this.src='images/postbit_social/facebook_a.png'" onmouseout="this.src='images/postbit_social/facebook.png'" alt="Add {vb:raw post.username} on Facebook" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/google.png" onmouseover="this.src='images/postbit_social/google_a.png'" onmouseout="this.src='images/postbit_social/google.png'" alt="Add {vb:raw post.username} on Google+" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/bebo.png" onmouseover="this.src='images/postbit_social/bebo_a.png'" onmouseout="this.src='images/postbit_social/bebo.png'" alt="Add {vb:raw post.username} on Bebo" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/myspace.png" onmouseover="this.src='images/postbit_social/myspace_a.png'" onmouseout="this.src='images/postbit_social/myspace.png'" alt="Add {vb:raw post.username} on MySpace" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/linkedin.png" onmouseover="this.src='images/postbit_social/linkedin_a.png'" onmouseout="this.src='images/postbit_social/linkedin.png'" alt="Add {vb:raw post.username} on Linkedin" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/tumblr.png" onmouseover="this.src='images/postbit_social/tumblr_a.png'" onmouseout="this.src='images/postbit_social/tumblr.png'" alt="Follow {vb:raw post.username} on Tumblr" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/flickr.png" onmouseover="this.src='images/postbit_social/flickr_a.png'" onmouseout="this.src='images/postbit_social/flickr.png'" alt="Follow {vb:raw post.username} on Flickr" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/youtube.png" onmouseover="this.src='images/postbit_social/youtube_a.png'" onmouseout="this.src='images/postbit_social/youtube.png'" alt="Visit {vb:raw post.username}'s Youtube Channel" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/vimeo.png" onmouseover="this.src='images/postbit_social/vimeo_a.png'" onmouseout="this.src='images/postbit_social/vimeo.png'" alt="Visit {vb:raw post.username}'s Vimeo Channel" /></a>
</vb:if>
<br />
<vb:if condition="$post['field#']">
<a target ="blank" href="http://live.xbox.com/en-GB/MyXbox/Profile?gamertag={vb:raw post.field#}"><img src="images/postbit_social/xbl.png" onmouseover="this.src='images/postbit_social/xbl_a.png'" onmouseout="this.src='images/postbit_social/xbl.png'" alt="Add {vb:raw post.username} on Xbox Live" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="http://us.playstation.com/publictrophy/index.htm?onlinename={vb:raw post.field#}"><img src="images/postbit_social/psn.png" onmouseover="this.src='images/postbit_social/psn_a.png'" onmouseout="this.src='images/postbit_social/psn.png'" alt="View {vb:raw post.username}'s Playstation Network Profile" /></a>
</vb:if>
</div>
</div>
</div>
</div>
</vb:if>
<!--Social End-->
NOTE: Please remember to replace # with the relevant profile field number that you created earlier!
With this update you will also need to add all of your relevant profile field numbers to the line of code at the top, if you are not using all of the social accounts then just add the numbers you need and remove the rest.
This is the line of code in question:
Code:
<vb:if condition="$post['field#'] OR $post['field#'] OR $post['field#'] OR $post['field#'] OR $post['field#'] OR $post['field#'] OR $post['field#'] OR $post['field#'] OR $post['field#'] OR $post['field#'] OR $post['field#'] OR $post['field#']">
Social Networking without Block
This is available to members who use both the Vertical or Horizontal postbit.
Open Template - Postibit Templates -> postbit_legacy or postbit
Find -
Code:
{vb:raw post.skypeicon}
Add after -
Code:
<!--Social Start--><br />
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/twitter.png" onmouseover="this.src='images/postbit_social/twitter_a.png'" onmouseout="this.src='images/postbit_social/twitter.png'" alt="Follow {vb:raw post.username} On Twitter" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/facebook.png" onmouseover="this.src='images/postbit_social/facebook_a.png'" onmouseout="this.src='images/postbit_social/facebook.png'" alt="Add {vb:raw post.username} on Facebook" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/google.png" onmouseover="this.src='images/postbit_social/google_a.png'" onmouseout="this.src='images/postbit_social/google.png'" alt="Add {vb:raw post.username} on Google+" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/bebo.png" onmouseover="this.src='images/postbit_social/bebo_a.png'" onmouseout="this.src='images/postbit_social/bebo.png'" alt="Add {vb:raw post.username} on Bebo" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/myspace.png" onmouseover="this.src='images/postbit_social/myspace_a.png'" onmouseout="this.src='images/postbit_social/myspace.png'" alt="Add {vb:raw post.username} on MySpace" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/linkedin.png" onmouseover="this.src='images/postbit_social/linkedin_a.png'" onmouseout="this.src='images/postbit_social/linkedin.png'" alt="Add {vb:raw post.username} on Linkedin" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/tumblr.png" onmouseover="this.src='images/postbit_social/tumblr_a.png'" onmouseout="this.src='images/postbit_social/tumblr.png'" alt="Follow {vb:raw post.username} on Tumblr" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/flickr.png" onmouseover="this.src='images/postbit_social/flickr_a.png'" onmouseout="this.src='images/postbit_social/flickr.png'" alt="Follow {vb:raw post.username} on Flickr" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/youtube.png" onmouseover="this.src='images/postbit_social/youtube_a.png'" onmouseout="this.src='images/postbit_social/youtube.png'" alt="Visit {vb:raw post.username}'s Youtube Channel" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="images/postbit_social/vimeo.png" onmouseover="this.src='images/postbit_social/vimeo_a.png'" onmouseout="this.src='images/postbit_social/vimeo.png'" alt="Visit {vb:raw post.username}'s Vimeo Channel" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="http://live.xbox.com/en-GB/MyXbox/Profile?gamertag={vb:raw post.field#}"><img src="images/postbit_social/xbl.png" onmouseover="this.src='images/postbit_social/xbl_a.png'" onmouseout="this.src='images/postbit_social/xbl.png'" alt="Add {vb:raw post.username} on Xbox Live" /></a>
</vb:if>
<vb:if condition="$post['field#']">
<a target ="blank" href="http://us.playstation.com/publictrophy/index.htm?onlinename={vb:raw post.field#}"><img src="images/postbit_social/psn.png" onmouseover="this.src='images/postbit_social/psn_a.png'" onmouseout="this.src='images/postbit_social/psn.png'" alt="View {vb:raw post.username}'s Playstation Network Profile" /></a>
</vb:if>
<!--Social End-->
And that's it! Screenshots below showing you how it looks in both postbit templates.
If you have any questions/issues please post below and i'll be happy to help. Also if you wish to request any other Social Networking sites to be added just post a commment and i'll see what i can do!
Hope you enjoy this mod/hack, please make sure you mark as installed!
Thanks!
Boydy
Update Changelog;
- Added mouseover/mouseout animation.
- Added new websites and icons.
- Included PSN and XBL options.
- Added option of using a block in Vertical postbit with a title.
- Modified code for both postbits making things much tidier.
For the automatic install product version with no manual edits go here - Social Networking in Posbit AND Profile (Twitter, Facebook, Google+, Linkedin, +more)
Download
Postbit Icons.zip (690.2 KB, 121 downloads)
Screenshots
