The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
Social Networking in Postbit (with or without block) Details »» | |||||||||||||||||||||||||||||||||||||||
Social Networking in Postbit (with or without block)
Developer Last Online: Dec 2014
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;
For the automatic install product version with no manual edits go here - https://vborg.vbsupport.ru/showthread.php?t=267019 Download Now
Screenshots
Show Your Support
|
Благодарность от: | ||
Teascu Dorin |
Comments |
#32
|
|||
|
|||
I haven't had the chance to install for testing yet, but I prefer this to the other one mentioned ..
Just my two cents .. Regards, Doug |
#33
|
|||
|
|||
Ok... got it.
I thought I was supposed to be adding in the "social media manager". Found out that it is the "user profile fields" .. I think I got it It is almost what I was looking for..... I was hoping that I could do a "Digg this post" etc.. with it. |
#34
|
||||
|
||||
It seems a bit high in the postbit, unless that's what you want. It should be under your posts and the current IM services that show.
If you need help on location post your postbit code in here and i'll take a look. Also there are already mods here on vb.org for like/tweet/digg this thread. Such as - https://vborg.vbsupport.ru/showthrea...ght=tweet+post I can't seem to find one for "digg" if you like i can look into this for you if you need it? |
#35
|
|||
|
|||
Thank you!
This is what I have edited in the "postbit_legacy" Version 4.1.0 Patch Level 2 Code:
{vb:rawphrase xs_avatar, {vb:raw post.username}}" /> </a> </vb:if> <vb:if condition="$post['userid']"> <hr /> <dl class="userinfo_extra"> <vb:if condition="$post['joindate']"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></vb:if> <vb:if condition="$post['field2']"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></vb:if> <vb:if condition="$post['age']"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></vb:if> <dt>{vb:rawphrase 'posts'}</dt> <dd>{vb:raw post.posts}</dd> {vb:raw template_hook.postbit_userinfo_right_after_posts} </dl> <vb:if condition="$show['infraction'] OR $show['reppower']"> <dl class="user_rep"> <vb:if condition="$show['infraction']"> <dt>{vb:rawphrase infractions}</dt> <dd>{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints})</dd> </vb:if> <vb:if condition="$show['reputation']"> <vb:if condition="$show['reppower']"> <dt>{vb:rawphrase reppower}</dt> <dd id="reppower_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reppower}</dd> </vb:if> </vb:if> </dl> </vb:if> {vb:raw template_hook.postbit_userinfo_right} <div class="imlinks"> {vb:raw post.icqicon} {vb:raw post.aimicon} {vb:raw post.msnicon} {vb:raw post.yahooicon} {vb:raw post.skypeicon} </div> </vb:if> <vb:if condition="$post['field5']"> <a target ="blank" href="{vb:raw post.field5}"><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['field6']"> <a target ="blank" href="{vb:raw post.field6}"><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['field7']"> <a target ="blank" href="{vb:raw post.field7}"><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['field8']"> <a target ="blank" href="{vb:raw post.field8}"><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['field9']"> <a target ="blank" href="{vb:raw post.field9}"><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['field10']"> <a target ="blank" href="{vb:raw post.field10}"><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> </div> <div class="postbody"> <div class="postrow<vb:if condition="$show['postedited'] || $post['signature']"> has_after_content</vb:if>"> {vb:raw template_hook.postbit_messagearea_start} <vb:if condition="$post['title'] OR $show['messageicon']"> <h2 class="title icon"> <vb:if condition="$show['messageicon']"><img src="{vb:raw post.iconpath}" alt="{vb:raw post.icontitle}" /> </vb:if>{vb:raw post.title} </h2> </vb:if> <vb:if condition="$post['isfirstshown']"> {vb:raw ad_location.ad_showthread_firstpost_start} {vb:raw ad_location.thread_first_post_content} </vb:if> <vb:if condition="$post['islastshown']"> {vb:raw ad_location.thread_last_post_content} </vb:if> <div class="content<vb:if condition="$show['first_ad'] OR $show['last_ad']"> hasad</vb:if>"> <div id="post_message_{vb:raw post.postid}"> <blockquote class="postcontent restore "> {vb:raw post.message} </blockquote> </div> <vb:if condition="$show['attachments']"> <div class="attachments"> <vb:if condition="$show['thumbnailattachment']"> <fieldset class="postcontent"> <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_thumbnails}" /> {vb:rawphrase attached_thumbnails}</legend> {vb:raw post.thumbnailattachments} </fieldset> </vb:if> |
#36
|
||||
|
||||
Interesting hack .!
I'll check it out later >> Tagged for now .. Thanks for sharing .. |
#37
|
|||
|
|||
Installed & kind of working
4.1.1 Rather then showing up under my avatar... They seem to be going down the side of my avatar. |
#38
|
||||
|
||||
Hmm that's a few people with that issue. I'll look into it today.
|
#39
|
|||
|
|||
Code:
<vb:if condition="$post['userid']"> <div class="imlinks"> {vb:raw post.icqicon} {vb:raw post.aimicon} {vb:raw post.msnicon} {vb:raw post.yahooicon} {vb:raw post.skypeicon} </div> </vb:if> Code:
<vb:if condition="$post['userid']"> <div class="imlinks"> {vb:raw post.icqicon} {vb:raw post.aimicon} {vb:raw post.msnicon} {vb:raw post.yahooicon} {vb:raw post.skypeicon} </div> So where wraped in the Code:
$post['userid'] |
#40
|
|||
|
|||
Quote:
|
#41
|
||||
|
||||
Nice work, Thanx
|
Thread Tools | |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|