Social Networking in Posbit AND Profile (Twitter, Facebook, Google+, Linkedin, +more)
 

History:

• 1.0.1 - Initial Release
• 1.0.2 - Added social networking to Profile with additional options and many other minor changes.
• 1.0.3 - Fixed a bug with the postbit settings and added a new setting.

Hi guys,

This was initially a template modification i created, i decided to make things much easier for people to compile it all into this product,

What is Social Networking in Postbit & Profile:

Well the name pretty much gives it away! This mod will add social networking icons for 10 social websites into both the vertical and horizontal postbit and now in a users profile with features like:

• Option to turn Modification on/off.
• Option to enable icons with or without a block.
• Option to turn profile block on/off.
• Option on location of profile block.
• 2x Icon sets 16x16 and 24x24.
• Mouseover and Mouseout animation.
• etc.

-INSTALLATION-

-STEP 1-
Goto admincp -> User Profile Fields -> Add new User Profile Field and add the following fields:

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 - 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 - 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 - Linkedin
Description - Add a link to your Linkedin profile.
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

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

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

Once you have created the profiled fields, take a note of the field numbers.

Note: If you do not want to use all of these websites then just add the fields of the websites that you do want to use.

-STEP 2-
Download the attached zip file, extract the files, open the UPLOAD folder and choose which icon set you wish to use, the options are 16x16 or 24x24 icons. Once you have decided, FTP the images folder to the root of your forums.

-Step 3-
Goto admincp -> Plugins & Products -> Manage Products -> Add/Import Product and upload the install file (product-socialpostbit.xml).

-Step 4-
Goto admincp -> Options -> [Boydy]Social Networking in Postbit. Now you must decide how you want to configure the mod, you can see examples of with/without block in the screenshots below. Next all you need to do is input all of the relevant profile field numbers and that's it! If you do not wish to use some of the websites included just leave the setting blank or set to 0.

And that's it! Screenshots below of the icon sets, admincp settings and the mod itself. Credit for the icons goes to sawb.What's new in version 1.0.2:

• Social networking block now added to profile.
• Option to enable/disable profile block.
• Option on location of profile block. (TOP, MIDDLE, BOTTOM)
• Some minor code and template changes from original release.
• Added version checking to the mod.
• etc.

What's new in version 1.0.3:

• Fixed bug with postbit setting.
• Added new setting for enabling/disabling the postbit only.
• etc.

I do have some other idea's on how to further extend this modification which you'll see in a future update. If you are upgrading please remember to ALLOW OVERWRITE.

If you install this and For future updates and support please remember to mark as installed!

I've had a lot of PM's requesting my Paypal to donate so i have now set it up on here, feel free to donate if you like although please do not feel you have to :)

All donations are greatly appreciated :)

Reserved.

If we've installed your old method, can we simply install this one and use the same field ID's that already exist from the old one, for this one?

Thanks ... :)

Regards,
Doug

Yes mate, just make sure you select the relevant template (postbit or postbit_legacy) and then select revert so you do not end up with duplicates. Or if you have other modifications in your postbit do not revert, instead go in and manually remove the code from my previous mod.

Cheers!

I will simply "remove" the old template edits, then save the template, to accomplish the same thing .. thanks .. :)

Regards,
Doug

Just to confirm upload locations .... ;)

You want your uploaded folders to be placed in the root of the forum, instead of within the /images folder? :confused:

Regards,
Doug

Yup, no problem :)

EDIT: Yup, go into the relevant icon size folder that you want and then upload the images folder to the root of your forums.

Installed on 4.1.3 with thanks ... :)

A few things as compared to the old way ...

1. Any chance of getting a C/R linefeed at the start of the box? It appears right under our link to a member's classifieds and it's really difficult to click on that with your box up so close. Also, cosmetically, it appears crowded.

2. Are the icons supposed to be stacked on top of each other like that within the box? In the old method, the icons were side by side, with and without the box? :confused:

3. Is there any place we can control the color of the background for your box? It's a little dark for us...

Appreciate your efforts ... nice work ... :up:

Regards,
Doug

1 - open the template postbit_social and edit the following line:


Change margin-top:5px; to what you want it to be.

2 - There is a linebreak in after myspace in the same template as above, this is based on having the 10 icons, if you are only using those 2 in the screenshots search for and remove <br />

3 - It uses the forum styles colour scheme mate.

Fixed margin at top with your recommended patch ... thanks ... :)

For clarity, are you saying that with 3 or more icons, the mod will start lining them up side-by-side, but with only two, they will always appear stacked under each other? :confused:

Just my opinion, but I think that's a waste of space for two? Is it difficult to always have then start lining up side by side, regardless of how many folks use?

By the way, we currently have 6 sites for use in out profiles...

Thanks ... :)

Regards,
Doug

Like i said mate, with 10 icons in total it has to go onto a second line as it looks terrible. If you want to remove the line break and have them all on 1 line go into the template postbit_social find <br /> and remove it.

Cheers :)

Update coming soon, adding much more, including the option to have a block in the users profile. Keep an eye out for it and if you mark as installed you'll recieve an email.

could you please add an screenshot of member profile information tab?

to see how its shown

I've not finished with it yet, but this is what it will most likely look like:

https://vborg.vbsupport.ru/external/2011/07/58.jpg

Looks really good mate.
I'll tag this and wait for the update.
How long do you reckon??

Before I installed this, for Facebook, can member use their vanity url? Or can only insert their ID?

Well I intended on releasing it today but there is a fault in my area so I have no broadband, using my phone just now. As soon as my bb is back up I'll be releasing it.

They have to input the Url for their accounts mate.

EDIT: Broadband is finally working after a long night/morning. Will be releasing the update in a few hours.

Update done folks.

What's new in version 1.0.2:

• Social networking block now added to profile.
• Option to enable/disable profile block.
• Option on location of profile block. (TOP, MIDDLE, BOTTOM)
• Some minor code and template changes from original release.
• Added version checking to the mod.
• etc.

I do have some other idea's on how to further extend this modification which you'll see in a future update. If you are upgrading please remember to ALLOW OVERWRITE.

New screenshots have also been uploaded, had to combine the location of block in profile screenshots due to the 10x attachment limit.

Cheers

Wow this is great!
I will be installing this shortly.

Thank you.

Reserved!!

Disabling in postbit doesn't work for me in 4.1.4, all styles including original. I tried uninstalling and reinstalling. None of the postbit templates have been modified.

I have to be careful with privacy on my class site, so I've just deleted the product postbit templates.

thanks but i mean the About me tab:
http://www.experienciaue.net/foro/me...boutme#aboutme

On the about me tab, it shows the customs User Profile Fields.. i would like to know how they are shown

Hmm, strange as i did all the work on 4.1.4. Could you provide a bit more info on what's happening.

EDIT: I've found a small bug, leave it with me.

They are shown as standard under the aboutme tab as i haven't touched them.

Version 1.0.3 is now available, fixing the bug with the postbit settings and adding a new setting for the postbit.

What's new in version 1.0.3:

• Fixed bug with postbit setting.
• Added new setting for enabling/disabling the postbit only.
• etc.

Cheers.

I notice if I turn the block OFF, that the icons return to the stacked look, as well as the top margin increase I did with the patch you gave me in postbit_social disappears. If I turn the block ON, they patches I've used seem to work again. :confused:

Is there a different template (or some other place) I can change the top margin and also delete the <br/> to make the two appearances the same, whether the block is on or off?

Thanks .. :)

Regards,
Doug

Yeh when the block is off it uses a different template.

Use this guide,

Open Template -> postbit_social1

Find and remove <br />

Add to top - <div style="margin-top:10px;">

Add to bottom - </div>

Change 10px to what you want. The spacing only seems to be an issue in your postbit as you have other features there mate as on my clean install with no other mods the spacing is fine.

Thanks ... I thought there might be a different template for the "no box" look and feel. ...

I'll edit that template as well .... :up:

By the way, for whatever reason, I never had the margin problem using your old template direct patch routine, so I don't know why this approach causes this with our site.

Regards,
Doug

It's because i never used any margins on the template modification, just a couple of line breaks but with this things were meant to be much more orginized lol.

Template is postbit_social1 btw, i did edit my post.

Patched postbit_social1 so the icons now appear side-by-side with 2 and the margin is an extra 10pts making it 20pts.

Looks good.... :)

Thanks for your efforts ... :up:

Regards,
Doug

No problem bud!

Would it be possible that each member would only have to input their username to each social network as apposed to the whole URL?
We are already using fields that each member inputs this info into now. It would be confusing for them to do both.

The reason i didn't do that as it can cause problems with Facebook amongst others. Anyway if that is the way you want to do it download the product attached to this post, i've modified it for you.

Thanks boydy I appreciate the effort, ok now I understand the implications. Will give it a go and see what happens.:D

I dont know if I did this wrong but, I created the profile field, then put in my facebook url "jasonpack" and when I click the icon in my postbit, it goes to some non-existent location on my site.

check it out
http://www.cvpi.org/forums/member.php?1-Starsky

attempted url:
http://www.cvpi.org/forums/jasonpack

Pacman - You need to put in your facebook URL not username, if you want to use usernames then download the product from post #32

Also, please remember to mark as installed if you want support in future :)

Cheers!

beautiful!.... Thanks for that. I wanted to make sure It worked for me before I clicked "install" I didn't know if it reflected anything poorly if you click uninstall.

Thanks Again,
-jason

EDIT: Just tried the youtube icon, same sort of error :(

EDIT 2: It is just an mistake in the url inside the .xml file,
It seems you left the "http://" out of every url but facebook, google+, and myspace.. I add it in front of the youtube url and it works great.

I corrected it, This should work. Probably want to test it on your copy though.

-thanks again

Ah, yeah, never noticed that, thanks mate. Have updated the XML in post #32.

Installed on 4.1.4, works great!

great!

Thanks, works with 4.1.4 pl2 :)