Comment Porche a-t-il ajouté le bouton Facebook like à sa page fan?Comme bouton sur la page de ventilateur. Comment ont-ils fait ça `?
Ils ont également changé la couleur http://www.facebook.com/porsche?v=app_172346812791398
Wow, c'est vraiment déroutant, et très sournoise. On dirait qu'ils ont créé une application en utilisant un iframe, ce qui leur permettrait de créer un bouton fb: like dedans. Ensuite, ils ont souligné l'application de tabulation pour cette application iframe qui rend quelques-uns FBML:
http://apps.facebook.com/porscheevent/tab.php
Alors, quand vous le souhaitez, dans les coulisses, etc. est enregistré. Vous noterez que le bouton actuel en haut ne change pas tant que vous n'avez pas actualisé la page.
L'application onglet lui-même semble ajouter un peu de CSS pour cacher alors le contenu bouton Comme et le remplacer par leurs propres trucs:
<style type="text/css">
.app_content_172346812791398 div.comment_body { display: none; }
.app_content_172346812791398 span.liketext { display: none; }
.app_content_172346812791398 span.piece { display: none; }
.app_content_172346812791398 span.corner_mask { display: none; }
.app_content_172346812791398 a.like_button_no_like { border: 0px none #ffffff; margin: 0px ! important; padding: 0px; background: transparent none no-repeat scroll 0% 0%; left: 0px ! important; top: 0px ! important; width: 124px; height: 25px; text-indent: -99999px; }
.app_content_172346812791398 div.connect_widget_sample_connections { display: none; }
.app_content_172346812791398 div.connect_confirmation_cell_like { display: none; }
.app_content_172346812791398 div.connect_confirmation_cell_no_like { display: none; }
.app_content_172346812791398 div.bgpage { border: 0px none #ffffff; margin: 0px; padding: 0px; background-repeat: no-repeat; width: 520px; height: 525px; }
.app_content_172346812791398 div.button { border: 0px none #ffffff; margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: center bottom; cursor: pointer; }
.app_content_172346812791398 div.button:hover { background-position: 0pt 0pt; }
.app_content_172346812791398 a.like_button_no_like { display: block; background-image: url("http://platform.ak.fbcdn.net/www/app_full_proxy.php?app=172346812791398&v=1&size=o&cksum=b66bf4a27297d44a6672defc61932d66&src=http%3A%2F%2Ffacebook.porsche.com%2Fevent%2Fimages%2Flike.png%3F6"); background-position: center bottom; }
.app_content_172346812791398 a.like_button_no_like:hover { background-position: 0pt 0pt; }
</style>
Dans l'application iframe ils utilisent un fb: plugin commentaires (qui a un bouton Like sur celui-ci) et en réglant le retour sur leur page Facebook. Ils cachent tous les commentaires et désactivent les commentaires. Si vous inspectez ce nœud de style et supprimé, regardez ce qui apparaît;)
Donc, fondamentalement, ils contournent Facebook ne permettant pas fb: comme dans les applications de l'onglet à l'aide FBML dans un iframe puis jeter certains styles personnalisés en plus de cela après son rendu. Probablement contre les TOS de Facebook, mais je suis sûr qu'ils s'en sortent tous;)
Vous pouvez construire une application et montrer ce que vous voulez, comme dans un fbiframe, alors vous pouvez utiliser n'importe quelle langue sur il aime le php et fait des trucs dinamic aussi.