web-dev-qa-db-fra.com

personnaliser facebook comme-box

Je voudrais personnaliser le design de mon facebook like-box. ive recherche déjà sur le net et suis toutes les instructions, voici le lien essayé mais ça semble obsolète:

http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/

il existe de nombreux tutoriels sur le Web, mais vous avez la même solution.

été coincé pendant presque 2 heures dans cette. Quelqu'un peut-il savoir comment personnaliser le Like-Box?

votre aide est grandement appréciée.

cssiframefacebookfacebook-like
17
EVG
  1. Obtenez le code XFBML à partir d'ici: http://developers.facebook.com/docs/reference/plugins/like-box/#
  2. Renommez fb: like-box en fb: fan
  3. Téléchargez votre fichier css sur votre site web
  4. Ajoutez ces paramètres à la balise fb: profile_id = "ID DE VOTRE PAGE" css = "http://example.com/css/your-cutom-style.css?1"

Prendre plaisir :)

22
Weltkind

Weltkind a eu raison. L'astuce est que, lorsque vous modifiez <fb:like-box> en <fb:fan>, vous devez également inclure l'attribut profile_id également, ou il ne montrera rien! Si vous avez renommé l'URL de votre page de fan comme je l'ai fait, vous pouvez extraire le numéro d'origine à partir de la page d'informations. Je voterais contre Weltkind, mais je n'ai pas encore assez de réputation. Doh. :)

5
mdpatrick

Facebook a un "assistant" qui vous donne à peu près toutes les options et le style autorisés.

http://developers.facebook.com/docs/reference/plugins/like

http://developers.facebook.com/docs/reference/plugins/like-box

2
Brent Baisley

Vous ne pouvez pas personnaliser la méthode iframe. Cependant, vous pouvez personnaliser la méthode xfbml via votre propre css. Voir cette page: Comment personnaliser votre fan box Facebook

1
Marc

quel est ton problème exactement? les instructions sur le lien fourni fonctionnent assez bien. veillez à mettre à jour le paramètre "? 1" de votre fichier css à chaque fois que vous apportez des modifications et que vous le téléchargez.

si vous avez un lien, je pourrais vous aider davantage. 

1
tobiasmay

Vous pouvez personnaliser le facebook comme box en utilisant du code html. La manière la plus simple, suivez cette étape.

<div id="facebooklikebox-3" class="widget widget_FacebookLikeBox"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/607728429342897" width="290" show_faces="true" border_color="AAAAAA" stream="false" header="true" class=" fb_iframe_widget" fb-xfbml-state="rendered" ><span style="vertical-align: bottom; width: 290px; height: 400px;"><iframe name="f25883e0a8" width="290px" height="1000px" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="yes" title="fb:like_box Facebook Social Plugin" style="border: none; visibility: visible; height: 400px;" class=""></iframe></span></fb:like-box></div>

Mettez ce code dans votre code html et remplacez l'URL de l'iframe par celle de votre page facebook.

Vous pouvez obtenir la référence ici

0
Miral Viroja