vb.org Archive
Page 1 of 6 1 23 Last »
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)
-   -   Show Thread Enhancements - Social Networking in Postbit (with or without block) (https://vborg.vbsupport.ru/showthread.php?t=257924)

boydy 01-26-2011 10:00 PM
Social Networking in Postbit (with or without block)
 
1 Attachment(s)
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;

http://img145.imageshack.us/img145/6461/1296160582.png

=|= 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

ProFifaLeagues 01-27-2011 09:00 PM
Nice little bit of work mate thanks

boydy 01-27-2011 11:18 PM
Cheers mate, glad you like it.

Preech 01-28-2011 08:19 AM
I like this. Tagged until I get home from work.

Xencored 01-29-2011 02:05 AM
I Like it Thanks
Be nice to also show in user profile in the contact box

boydy 01-29-2011 09:20 AM
1 Attachment(s)
Quote:
Originally Posted by Animemike (Post 2155927)
I Like it Thanks
Be nice to also show in user profile in the contact box
I'll look into it mate, although the custom profile fields should display in the users profile. Attached an image showing what i am talking about although i am looking into different things with this to possibly expand it.

Xencored 01-29-2011 12:29 PM
Quote:
Originally Posted by boydy (Post 2156005)
I'll look into it mate, although the custom profile fields should display in the users profile. Attached an image showing what i am talking about although i am looking into different things with this to possibly expand it.
Yea sorry i meant the images like say where the msn/yahoo etc.. is ill also look into this if thats ok with you?

Cheers

boydy 01-29-2011 01:27 PM
Already on it mate, but that's no problem with me if you want to go ahead and look into it first. If you get it sorted before i can then i'll update the mod/hack giving credit to yourself if you like, just let me know.

Xencored 01-29-2011 03:38 PM
Quote:
Originally Posted by boydy (Post 2156055)
Already on it mate, but that's no problem with me if you want to go ahead and look into it first. If you get it sorted before i can then i'll update the mod/hack giving credit to yourself if you like, just let me know.
Oh nono you go for it is your mod :)
Ill get on with the other 9mil jobs i have to do :D

Good luck
Cheers

RK KINGKONG 01-29-2011 08:14 PM
im getting this message when trying to save after entering the profile field number

PHP Code:
The following error occurred when attempting to evaluate this template:
Unclosed Tag
This is likely caused by a malformed conditional statement. It is highly recommended that you fix this error before continuing, but you may continue as-is if you wish. 
whats the proper way
<br /><vb:if condition="$post['10']">
<a target ="blank" href="{vb:raw post.10}" do i take out the field# n replace with the number in both spots , or do i just put the number in after field# in 1 spot or both instances ?


All times are GMT. The time now is 07:12 AM.
Page 1 of 6 1 23 Last »
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01847 seconds
  • Memory Usage 1,822KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (6)bbcode_code_printable
  • (1)bbcode_php_printable
  • (3)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.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/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.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
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete