Go Back   vb.org Archive > vBulletin Modifications > vBulletin 4.x Modifications > vBulletin 4.x Template Modifications
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
Social Networking in Postbit (with or without block) Details »»
Social Networking in Postbit (with or without block)
Version: 1.0.2, by boydy boydy is offline
Developer Last Online: Dec 2014 Show Printable Version Email this Page

Category: Show Thread Enhancements - Version: 4.x.x Rating:
Released: 01-26-2011 Last Update: 07-15-2011 Installs: 59
Template Edits
Re-useable Code Additional Files  
No support by the author.

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:
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.
Note: New screenshots and images uploaded below, this is effectivley a new modification, i've removed all previous images and code.

For the automatic install product version with no manual edits go here - https://vborg.vbsupport.ru/showthread.php?t=267019

Download Now

File Type: zip Postbit Icons.zip (690.2 KB, 119 views)

Screenshots

File Type: png 1310845972.png (23.9 KB, 0 views)
File Type: png 1310846005.png (22.8 KB, 0 views)
File Type: png 1310846347.png (21.7 KB, 0 views)
File Type: png 1310846384.png (18.0 KB, 0 views)
File Type: png 1310847503.png (25.0 KB, 0 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Благодарность от:
Teascu Dorin

Comments
  #52  
Old 07-15-2011, 07:20 PM
RK KINGKONG RK KINGKONG is offline
 
Join Date: May 2010
Location: NEW JERSEY
Posts: 183
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

hey bud first and foremost thanks for this mod , however with the new up and coming Google +1 How can we go about adding such to the postbit like the others . thanking you in advance KingKong
Reply With Quote
  #53  
Old 07-15-2011, 10:40 PM
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Location: Scotland
Posts: 1,229
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by RK KINGKONG View Post
hey bud first and foremost thanks for this mod , however with the new up and coming Google +1 How can we go about adding such to the postbit like the others . thanking you in advance KingKong
Just make a profile field

Profile Field Type - Single-Line Text Box
Title - Google +1
Description - Add a link to your Google +1 profile.
Field Searchable on Members List - NO
Show on Members List - NO

Then add this to your postbit or postbit_legacy under the last social networking icon you added

Code:
<vb:if condition="$post['field#']">
<a target ="blank" href="{vb:raw post.field#}"><img src="link_to_your_google+1_image" onmouseover="this.src='link_to_your_google+1_image_a.png'" onmouseout="this.src='link_to_your_google+1_image.png'" alt="Visit {vb:raw post.username}'s Google +1 Page" /></a>
</vb:if>
You'll need to replace this link_to_your_google+1_image.png and link_to_your_google+1_image_a.png with links to whichever Google +1 image you decide to use. And change the # to correspond with the field number
Attached Images
File Type: jpg social.jpg (83.5 KB, 0 views)
Reply With Quote
  #54  
Old 07-16-2011, 07:44 PM
boydy's Avatar
boydy boydy is offline
 
Join Date: Jan 2011
Location: UK
Posts: 98
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Just updated the modification there, this is all new code and images, i will be providing support again for anyone that needs it and if you have any suggestions for future updates, feel free to post them here.

Update Changelog;
  • Added mouseover/mouseout animation.
  • Added new websites and icons (Google+, Linkedin, Flickr, Tumblr, PSN and XBL.)
  • 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.
Note: New screenshots and images uploaded, this is effectivley a new modification, i've removed all previous images and code.

Please remember to mark the modification as installed for Support and future updates.
Reply With Quote
  #55  
Old 07-17-2011, 04:05 PM
boydy's Avatar
boydy boydy is offline
 
Join Date: Jan 2011
Location: UK
Posts: 98
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Decided i'll be releasing a new version shortly which will be a fully automated install. I'll post here when i'm done.
Reply With Quote
  #56  
Old 07-18-2011, 10:01 AM
boydy's Avatar
boydy boydy is offline
 
Join Date: Jan 2011
Location: UK
Posts: 98
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Product is now available - https://vborg.vbsupport.ru/showthread.php?t=267019
Reply With Quote
  #57  
Old 02-12-2012, 07:02 PM
tidus78's Avatar
tidus78 tidus78 is offline
 
Join Date: Sep 2009
Posts: 155
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Some users view social icon some other no,data are correctly placed any idea?
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:55 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.04248 seconds
  • Memory Usage 2,340KB
  • Queries Executed 22 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (7)bbcode_code
  • (1)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (7)post_thanks_box
  • (1)post_thanks_box_bit
  • (7)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit
  • (7)post_thanks_postbit_info
  • (6)postbit
  • (7)postbit_attachment
  • (7)postbit_onlinestatus
  • (7)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete