web-dev-qa-db-fra.com

Skin personnalisé pour facebook comme bouton

Existe-t-il un moyen (facile) de personnaliser l'apparence du bouton facebook like implémenté via fbml?

Je suis presque certain d'avoir vu cela quelque part, mais je ne me souviens plus où et je ne trouve aucune documentation à ce sujet. 

facebookfbmlskinning
12
Max

Bien que cela ne soit même pas légal (vérifiez les conditions et les politiques vous-même), vous pouvez faire quelque chose comme:

/* Like button main text color */
div.like span.connect_widget_text {color:#fff;}
div.like div.connect_widget_confirmation {color:#fff;}
div.like span.connect_widget_text a {color:#ffc6ff;}

Ce lien présente certaines options de style:

http://forum.developers.facebook.net/viewtopic.php?pid=236534

1
Craig Hooghiem

Vous n'avez pas besoin de faire de ce piratage illégal. Utilisez simplement le "Open Graph": https://developers.facebook.com/docs/opengraph/actions/builtin/likes/ . L'inconvénient est que vous devez créer une application.

5
bolmaster2

Êtes-vous des avocats ou des programmeurs? la question était: comment ne pas "faire ou ne pas faire ..."?.

Le bouton @pixelistik peut être inséré via une balise script ou iframe. Vous pouvez bien entendu utiliser CSS avec iframe via JS, easy peasy.

@skrat bon point!

@Slavic quel service exactement? J'appelle cela un demi-service parce que vous ne pouvez aimer que - pas de place pour la critique, alors ... vos critiques ne sont pas appropriées. Aimez nos posts! : P

généralement: si vous créez un bouton personnalisé et que vous ne vous connectez à aucun T & C ou quelque chose du genre, vous pouvez faire ce que vous voulez sur VOTRE page Web.

4
daniel barucha

Peasy facile:

Réglez simplement l'opacité (filtre pour ie) sur 0 et placez les iframes sur une image ou div avec une image bg. Pour les gros boutons, chargez simplement plusieurs boutons, ne chargez pas trop, cela rendra votre page insupportable.

1
Tosh

Bien que la légalité de telles modifications soit remise en question, je souhaitais simplement partager mes conclusions à ce sujet. 

J'ai cliqué avec le bouton droit de la souris sur un bouton FB Like de Firefox et examiné l'élément avec firebug. La lecture des éléments de classe est:

.connect_widget_like_button .liketext { 
  background: url(http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png) -1px -33px no-repeat;
  background-image: url(http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png);
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-attachment: initial;
  background-position-x: -1px;
  background-position-y: -33px;
  background-Origin: initial;
  background-clip: initial;
  background-color: initial;
}

Cela existe sur la ligne 172 de like.php

Une entreprise que je connais utilise un graphique comme Disqus, mais son bouton est un élément multifonctionnel qui vous offre le choix entre Facebook et Twitter onClick, ce qui peut permettre de le personnaliser en fonction de vos besoins.

0
robabby

Bonjour, vous pouvez le faire avec des CSS intelligents - http://www.esrun.co.uk/blog/disguising-a-facebook-like-link/

0
Stevie