Style buttons

You can upload new login button images for each of the providers to the following directory:
/media/sourcecoast/images/provider/facebook/ (or any other social network name)

Once the image is there, you can select that image in the JFBConnect configuration area as the default login image. You can also choose those images to use only in a specific SCLogin module or even the {JFBCLogin} tag if you only want those images on specific pages.

I hope that helps answer your question, but if not, let me know!

Thanks,
Alex

The sharing buttons we currently implement are the Javascript version of the buttons that each social network supports. There's no way to override these buttons as the HTML is loaded directly from each social network, and they intentionally make it difficult to customize, outside of the options they make available, so that users always 'know' what they're clicking.

There are ways around this by building our own share buttons that hook into the sharing features of each network, but it's not something we have available now and I don't have a timeline on when it would be available.

In general, while it looks nice to have your own custom-styled buttons, we don't recommend it. If we do create our own buttons, the feature could 'break' at any time, since Facebook and the other networks can change the underlying functionality at any time. Additionally, users are more wary of clicking buttons that they aren't familiar with. Users that see the 'standard' blue Facebook button or any of the other ones trust that it's for Facebook and know what it does without having to guess or read about it's function. That's also why Facebook and the others try to prevent customization.

I hope that helps explain, and thanks for your feedback,
Alex

The sharer.php call definitely is an option. It was deprecated a while back, but that was removed, as the article you mention pointed out. At the time, we added the following function call to our Javascript:That's still available and can be used for Facebook Share features and a custom image, like:We plan to try to implement similar solutions for all of the sharing buttons, but right now, we don't have that ability. Some of the networks also don't have the ability to call custom code/images for sharing and will only let you use the built-in Javascript buttons.

So, going back to the original post, it's difficult to do what's imaged in the picture because not all networks we support have the ability to do that. Additionally, you mentioned you'd want custom Like and Share buttons. The code you provide above is only for Sharing. The Like button is nice to have as well since it can be a one-click option for sharing, whereas the Share button has the popup and (I don't think, though could be wrong) the sharer.php option will not increase the Like count for the page.

Lots of caveats, but as always, use what's best for your site!

I hope that helps explain further,
Alex