background preloader

How To Recreate That Facebook Profile Picture Hack

How To Recreate That Facebook Profile Picture Hack
Since French artist Alexandre Oudin took advantage of the new Facebook design to express himself, we’ve been seeing some creative ways to mess with your (and your friends’) profile pictures. As we predicted, Oudin’s hack has inspired other users to play around with their profile to pretty interesting effect. And for those of you that don’t want to trial and error around with the 532 px by 180 px and 97 by 68 px image limitations, photographer Florian Stravock has made the above Photoshop tutorial to help you perfectly execute on your super profile pic. 1) Take a screenshot of your current Facebook page. 2) Create a new Photoshop doc. 3) Grab the Slice tool (same family as the Crop tool) and select around the pictures. 4) With the Marquee tool, select around the sliced areas. 5) Bring the image that you want on Facebook into Photoshop and position it roughly the way you want it. 6) Drag the image layer under the Facebook layer and refine your positioning.

fb:visible-to-connection - Développeurs Facebook All Docs Web SDKs Docs/Web SDKs/JavaScript SDK/ On This Page Facebook SDK for JavaScript A rich set of client-side functionality for adding Social Plugins, Facebook Login and Graph API calls. Guides Frameworks Termination of SHA-1 Support for Websites - Développeurs Facebook As mentioned, the code above uses the common defaults for the options available when initializing the SDK. You can customize some of these options, if useful. Changing SDK Language In the basic setup snippet, the en_US version of the SDK is initialized, which means that all the dialogs and UI will be in US English. You can change this language by changing the js.src value in the snippet. <script> (function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/es_LA/all.js"; d.getElementsByTagName('head')[0].appendChild(js); }(document)); </script> Disabling Login Status Check By setting status to true in the FB.init() call, the SDK will attempt to get info about the current user. Setting status to false can improve page load times, but you'll need to manually check for login status using FB.getLoginStatus. Disabling XFBML Parsing Triggering Code when the SDK loads Debugging

Related: