Personnalisée facebook bouton de connexion

Comment pourrais-je remplacer le générés facebook bouton de connexion avec mon propre personnalisé?

Je suppose que cela peut être fait soit par la création d'une fonction de code que les feux de la boîte de dialogue ou la conduite du bouton de l'écran avec un peu de css astuces. Je préfère la première solution.

Comment pourrais-je faire mon propre bouton de faire ce qui leur fait et de se débarrasser de la le bouton par défaut?

Voici le code d'exemple de l'facebook site des développeurs: 

require 'fb/facebook.php';

$facebook = new Facebook(array(
  'appId'  => 'X',
  'secret' => 'X',
));

//See if there is a user from a cookie
$user = $facebook->getUser();

if ($user) {
  try {
    //Proceed knowing you have a logged in user who's authenticated.
    $user_profile = $facebook->api('/me');
  } catch (FacebookApiException $e) {
    echo '<pre>'.htmlspecialchars(print_r($e, true)).'</pre>';
    $user = null;
  }
}

?>
<!DOCTYPE html>
<html xmlns:fb="http://www.facebook.com/2008/fbml">
  <body>
    <?php if ($user) { ?>
      Your user profile is
      <pre>
        <?php print htmlspecialchars(print_r($user_profile, true)) ?>
      </pre>
    <?php } else { ?>
      <fb:login-button></fb:login-button>
    <?php } ?>
    <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId: '<?php echo $facebook->getAppID() ?>',
          cookie: true,
          xfbml: true,
          oauth: true
        });
        FB.Event.subscribe('auth.login', function(response) {
          window.location.reload();
        });
        FB.Event.subscribe('auth.logout', function(response) {
          window.location.reload();
        });
      };

      (function() {
        var e = document.createElement('script'); e.async = true;
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        document.getElementById('fb-root').appendChild(e);
      }());

    </script>
  </body>
</html>
InformationsquelleAutor domino | 2012-06-14
  1. 5

    Suffit d'utiliser FB.la méthode d'identification du SDK JavaScript, et de l'appeler onclick sur votre propre bouton.

    http://developers.facebook.com/docs/reference/javascript/FB.login/

    InformationsquelleAutor CBroe