Advertisement:

Author Topic: Add & Create Social Media Icons To Profiles ( SMF 1 & SMF2 )  (Read 143391 times)

Offline hcfwesker

  • SMF Hero
  • ******
  • Posts: 2,194
  • Gender: Male
  • SMF 2.0.4
Add & Create Social Media Icons To Profiles ( SMF 1 & SMF2 )
« on: January 30, 2012, 10:06:52 AM »
Link to Mod

Add & Create Social Media Icons To Profiles

For suggestions, feedback, and support please use the MOD's support topic.

Current Release:  v1.1.0
     ((any previous versions need to be uninstalled before installing 1.1.0)) 

Compatible with SMF 2 versions : 2.0.XX
Compatible with SMF 1 versions : 1.1.16  ( maybe previous 1.1.xx versions, haven't tested.

Adds Social Media links to member profiles: Facebook, MySpace, Twitter, Google+, LinkedIn, Youtube, DevianArt, Pinterest.
[NEW!] Add Custom Icons to align seamlessly with default Social Media icons. (( for SMF2 ONLY! ))

By Default, This Modification allows your members to add the following Social Media sites to their Profile:

Facebook
MySpace
Twitter
Google+
LinkedIn
Youtube
DeviantArt
Pinterest

Note on Images:
Quote
All images are uploaded to each Theme's /images folder as .png images.  If you prefer your own images, just upload and overwrite the images originally installed
/smifacebook.png
/smimyspace.png
/smitwitter.png
/smiyoutube.png
/smideviantart.png
/smigoogleplus.png
/smilinkedin.png
/smpinterest.png


This Modification is compatible with Ultimate Profiles and Default profiles.

SMF2

Social Media Icons will be displayed on the following pages :

-Profile
-Ultimate Profile
-Display page (mini profiles)
-Personal Messaging (mini profiles)

Admin Settings (optional)*
Admin > Configuration > Profile Fields
Admin settings to Activate/Deactivate which to allow members to modify ( All on by default)
Admin settings to select which to show on new member Registration (All off by default)
[NEW!] - select 'Create'/'Modify' a new Custom Profile Field to add with the default Social Media Icons

SMF 1

Social Media Icons will be displayed on the following pages :

-Display page (mini profiles)
-Default Profile
-Ultimate Profile
-Personal Messaging (mini profiles)

*No Admin settings are required from installation.  Just install the Modification, and members can update these settings under: Profile > Modify Profile > Forum Profile

This Package ONLY makes edits to the SMF Default Curve theme.  Any other themes will require custom edits to the same files listed for the 'default' theme.

No copyright links are added to any footer pages.

Submitted Language Modifications are appreciated

languages/Modifications.english.php
Code: [Select]
$txt['smi_buddies_title'] = 'Social Networks';
$txt['smi_facebook_title'] = 'Facebook';
$txt['smi_facebook_desc'] = 'Input your Facebook username.';
$txt['smi_myspace_title'] = 'MySpace';
$txt['smi_myspace_desc'] = 'Input your MySpace username.';
$txt['smi_twitter_title'] = 'Twitter';
$txt['smi_twitter_desc'] = 'Input your Twitter username.';
$txt['smi_youtube_title'] = 'Youtube';
$txt['smi_youtube_desc'] = 'Input your Youtube username.';
$txt['smi_deviantart_title'] = 'DeviantArt';
$txt['smi_deviantart_desc'] = 'Input your DeviantArt username.';
$txt['smi_googleplus_title'] = 'Google+';
$txt['smi_googleplus_desc'] = 'Input your Google+ User ID.';
$txt['smi_linkedin_title'] = 'LinkedIn';
$txt['smi_linkedin_desc'] = 'Copy & Paste your LinkedIn profile link.';

Language Contributions.  ( thank you to all for your support )
hungarian - novill
italian - etms52
serbian-latin - Zuća
spanish - emueses
portuguese - Joomlamz
turkish - tusuka



Change Log

v1.1.0
Added admin settings to add their own Custom Social Media icons to display with default icons
Removed display from Buddies & Who's Online page

v1.0.8
! Fixed bug where Icons not activated were displaying on Display & Who Online pages.
Added language support for:  turkish

v1.0.7
Pinterest Integrated
SMF 1.1.xx added Personal Message & Ultimate Profile Compatibility.
Added language support for:  portuguese

v1.0.6
Added language support for:  hungarian, italian, serbian-latin, spanish

v1.0.5
LinkedIn Integrated
Added 1.1.xx Compatibility

v1.0.4
Added Admin settings to Activate/Deactivate which to allow members to modify ( All on by default)
Added Admin settings to select which to show on new member Registration (All off by default)

v1.0.3
Error fixed with Icons not displaying in Edit Buddies page with Ultimate Profiles installed.

v1.0.2
Fixed bug with Google+ not being added to database
Completely revamped file edits in modification file
Removed unnecessary language edits for Ultimate Profile
Next update release will be Upgrade compatible.

v1.0.1
Google+ Integrated

v1.0
-First Release


This mod is licensed under Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
« Last Edit: April 18, 2013, 06:38:36 PM by hcfwesker »

Offline Babadinho

  • Semi-Newbie
  • *
  • Posts: 95
Re: Add Social Media Icons To Profiles
« Reply #1 on: January 30, 2012, 02:10:08 PM »
great mod. tnx

Offline hcfwesker

  • SMF Hero
  • ******
  • Posts: 2,194
  • Gender: Male
  • SMF 2.0.4
Re: Add Social Media Icons To Profiles
« Reply #2 on: January 30, 2012, 03:17:14 PM »
Thank you.  Preview Images are on the MOD page, I'll have to add them here as well. 

If there are other popular Social Network sites I may have missed or not aware of, I will take suggestions and possibly add into this modification.  :)

Offline fungku

  • Semi-Newbie
  • *
  • Posts: 15
  • Professional crastinator
Re: Add Social Media Icons To Profiles
« Reply #3 on: January 30, 2012, 05:11:50 PM »
Awesome!

Would be perfect if you added G+
« Last Edit: January 30, 2012, 05:18:52 PM by fungku »
Contractor and Tool Man

Offline hcfwesker

  • SMF Hero
  • ******
  • Posts: 2,194
  • Gender: Male
  • SMF 2.0.4
Re: Add Social Media Icons To Profiles
« Reply #4 on: January 30, 2012, 05:24:30 PM »
Awesome!

Would be perfect if you added G+

Thank you.  And, this was originally made for my site and my members, and only went on which they preferred and suggested.  But like I said, I'm open for suggestions of other social network sites to be added to this Modification as long as they are popular and widely used.  I just can't add everything that everyone suggests :)

I'll look into adding Google+ into the next version.  I don't use it myself, so if someone can provide an example of how a link to someone's profile works I can see how the link needs to be implemented into this :)

« Last Edit: January 30, 2012, 07:28:47 PM by hcfwesker »

Offline Labradoodle-360

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,221
  • Gender: Male
    • matthew.kerle on Facebook
    • Labradoodle-360 on GitHub
    • @matthew_kerle on Twitter
Re: Add Social Media Icons To Profiles
« Reply #5 on: January 30, 2012, 05:47:06 PM »
Former SMF Developer
My Modifications

Offline hcfwesker

  • SMF Hero
  • ******
  • Posts: 2,194
  • Gender: Male
  • SMF 2.0.4
Re: Add Social Media Icons To Profiles
« Reply #6 on: January 30, 2012, 05:50:33 PM »
Thanx, bud.  So  {uid}  would need to be replaced with the members info they put as their username on Google+

like this? https://plus.google.com/hcfwesker/posts

Offline Labradoodle-360

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,221
  • Gender: Male
    • matthew.kerle on Facebook
    • Labradoodle-360 on GitHub
    • @matthew_kerle on Twitter
Re: Add Social Media Icons To Profiles
« Reply #7 on: January 30, 2012, 05:51:14 PM »
Instead of a name, however, it's the users id. Example: https://plus.google.com/114522878621277726258/posts
Former SMF Developer
My Modifications

Offline hcfwesker

  • SMF Hero
  • ******
  • Posts: 2,194
  • Gender: Male
  • SMF 2.0.4
Re: Add Social Media Icons To Profiles
« Reply #8 on: January 30, 2012, 05:52:51 PM »
Ah, I gotcha.  Strange they chose to do it that way ???

but, it can be done.  So only numbers need to be allowed in the input label for members, no letters or other characters/symbols.

Offline Labradoodle-360

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,221
  • Gender: Male
    • matthew.kerle on Facebook
    • Labradoodle-360 on GitHub
    • @matthew_kerle on Twitter
Re: Add Social Media Icons To Profiles
« Reply #9 on: January 30, 2012, 05:53:42 PM »
That's how Facebook does it, still. Although if you have a username, it also works that way.
Former SMF Developer
My Modifications

Offline fungku

  • Semi-Newbie
  • *
  • Posts: 15
  • Professional crastinator
Re: Add Social Media Icons To Profiles
« Reply #10 on: January 30, 2012, 06:32:27 PM »
Awesome!

Would be perfect if you added G+

Thank you.  And, this was originally made for my site and my members, and only went on which they preferred and suggested.  But like I said, I'm open for suggestions of other social network sites to be added to this Modification as long as they are popular and widely used.  I just can't add everything anyone suggests :)

I'll look into adding Google+ into the next version.  I don't use it myself, so if someone can provide an example of how a link to someone's profile works I can see how the link needs to be implemented into this :)

Google is implementing it into all their sites, including search results. I think eventually everyone will have a G+ profile whether they use it or not, but I'm sure a lot will.

Profile examples.

my G+ page: https://plus.google.com/111342621260486139756/ [nofollow]

my business G+ page: https://plus.google.com/111714518818316549014/ [nofollow]

cheers

edit: the hxxp is supposed to be https like the poster above did in his link
Contractor and Tool Man

Offline hcfwesker

  • SMF Hero
  • ******
  • Posts: 2,194
  • Gender: Male
  • SMF 2.0.4
Re: Add Social Media Icons To Profiles
« Reply #11 on: January 30, 2012, 06:47:17 PM »
I'll work on implementing this and updating the package in the next few days.   Just gotta find/make a decent, small, icon for Google+ and make other preparations when I have time.
« Last Edit: January 30, 2012, 11:12:06 PM by hcfwesker »

Offline Labradoodle-360

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,221
  • Gender: Male
    • matthew.kerle on Facebook
    • Labradoodle-360 on GitHub
    • @matthew_kerle on Twitter
Re: Add Social Media Icons To Profiles
« Reply #12 on: January 30, 2012, 06:53:44 PM »
When you update this, you should use the upgrade element in package-info.xml so people who are using this mod already don't have to uninstall and then re-install :)
Former SMF Developer
My Modifications

Offline fungku

  • Semi-Newbie
  • *
  • Posts: 15
  • Professional crastinator
Re: Add Social Media Icons To Profiles
« Reply #13 on: January 30, 2012, 06:57:46 PM »
Two transparent bg, one black  ;D
« Last Edit: January 30, 2012, 07:06:24 PM by fungku »
Contractor and Tool Man

Offline fungku

  • Semi-Newbie
  • *
  • Posts: 15
  • Professional crastinator
Re: Add Social Media Icons To Profiles
« Reply #14 on: January 31, 2012, 01:44:39 AM »
When you update this, you should use the upgrade element in package-info.xml so people who are using this mod already don't have to uninstall and then re-install :)
I like this idea  ;D
Contractor and Tool Man

Offline hcfwesker

  • SMF Hero
  • ******
  • Posts: 2,194
  • Gender: Male
  • SMF 2.0.4
Re: Add Social Media Icons To Profiles
« Reply #15 on: January 31, 2012, 11:31:32 AM »
Version 1.0.1

Added Google+ Integration
Cleaned up a lot of file edits for cleaner install and uninstalls

It is advised to uninstall, then install the latest version.   Upgrade options will be implemented in later versions.

Big thanx to Labradoodle-360 & Joker™  for helping steer me in the right direction. :)

For SMF4Mobile users , I've added integration edits on the support site for these to be included.

Preview:



When you update this, you should use the upgrade element in package-info.xml so people who are using this mod already don't have to uninstall and then re-install :)

This will be integrated with future updates, thanx to all your help in this.  I had to clean up some of the old coding so this would be implemented better in future releases, as well as cleaner installs/uninstalls after upgrade versions are added.

 
« Last Edit: January 31, 2012, 04:10:27 PM by hcfwesker »

Offline Labradoodle-360

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,221
  • Gender: Male
    • matthew.kerle on Facebook
    • Labradoodle-360 on GitHub
    • @matthew_kerle on Twitter
Re: Add Social Media Icons To Profiles
« Reply #16 on: January 31, 2012, 11:34:18 AM »
Congrats on the release :)
Former SMF Developer
My Modifications

Offline Joomlamz

  • SMF Hero
  • ******
  • Posts: 2,537
  • Gender: Male
  • Suporte Joomla.co.mz
    • http://www.facebook.com/aplicnet.hosting on Facebook
    • @aplichosting on Twitter
    • Webdesign
Re: Add Social Media Icons To Profiles
« Reply #17 on: January 31, 2012, 04:18:39 PM »
Nice work
when try download i see error
can check thank you



Offline Labradoodle-360

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,221
  • Gender: Male
    • matthew.kerle on Facebook
    • Labradoodle-360 on GitHub
    • @matthew_kerle on Twitter
Re: Add Social Media Icons To Profiles
« Reply #18 on: January 31, 2012, 04:19:30 PM »
Nice work
when try download i see error
can check thank you

Providing more details would be helpful
Former SMF Developer
My Modifications

Offline Joomlamz

  • SMF Hero
  • ******
  • Posts: 2,537
  • Gender: Male
  • Suporte Joomla.co.mz
    • http://www.facebook.com/aplicnet.hosting on Facebook
    • @aplichosting on Twitter
    • Webdesign
Re: Add Social Media Icons To Profiles
« Reply #19 on: January 31, 2012, 04:34:05 PM »