Aller au contenu

Comment modifier le visuel d'une « Like Box FB » ?


zonephil

Sujets conseillés

Bonjour à tous,

Voila, je me demande comment faire pour modifier le visuel (contour, couleur) d'une Like Box dont le code est donné par Facebook?

J'en ait déjà vue qui avait été modifié, et ça donnais un rendu un peu plus beau. En faite, je cherche à avoir exactement le même résultat que sur «la page suivante». (Le Like Box est situé en bas de page, du côté droit).

Vous avez une idée de comment je peux arriver à ce résultat?

Merci d'avance!!

Modifié par zonephil
Lien vers le commentaire
Partager sur d’autres sites

il s'agit de la couleur par défaut du logo a ce que je saches ;)

ne pas confondre likebox et bouton j'aime

Je parle bel et bien de la LIkebox, mais si je prend le code et que je le met dans ma page, je n'es pas d'option pour changer la couleur et le modifier un peu. Si je prend par exemple la page que j'ai montré en exemple, la frame est égale de chaque côté, ce n'est pas identique à ce que j'ai sur ma page une fois le code installé. Donc je me demande comment pouvoir le modifier ou simplement avoir le même résultat.

Lien vers le commentaire
Partager sur d’autres sites

as tu testé les attributs cités plus bas ?

Attributes

* href - the URL of the Facebook page for this Like Box

* width - the width of the plugin in pixels. Default width: 300px.

* height - the height of the plugin in pixels. The default height varies based on number of faces to display, and whether the stream is displayed. With the stream displayed, and 10 faces the default height is 556px. With no faces, and no stream the default height is 63px.

* colorscheme - the color scheme for the plugin. Options: 'light', 'dark'

* show_faces - specifies whether or not to display profile photos in the plugin. Default value: true.

* stream - specifies whether to display a stream of the latest posts from the page's wall

* header - specifies whether to display the Facebook header at the top of the plugin.

Après analyse du code, ils utilisent le FBML, code de programmation de FaceBook. Penses à insérer la librairie FBML. Leur code FBML est:

<fb:fan profile_id="98337972266" stream="1" connections="10" width="300"></fb:fan>

code entier :

<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/fr_CA"></script>
<script type="text/javascript">FB.init("ce78728ba9f597d70172cc15071fb416");</script>
<fb:fan profile_id="98337972266" stream="1" connections="10" width="300"></fb:fan>

<!-- Facebook Badge START -->
<!--
<span style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; line-height: 16px; font-variant: normal; font-style: normal; font-weight: normal; color: #555555; text-decoration: none;"> | </span>
<a href="http://www.facebook.com/business/dashboard/" title="Make your own badge!" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;">Promote Your Page To</a><br/>
<a href="http://www.facebook.com/pages/d41d8cd9/" target="_TOP"><img src="http://badge.facebook.com/badge/0.0.1576790487.png" width="175" height="50" style="border: 0px;" /></a>
-->
<!-- Facebook Badge END -->

Modifié par Aenoa
Lien vers le commentaire
Partager sur d’autres sites

  • 4 semaines plus tard...

Pour les attributs, j'avais effectivement regardé mais ça ne sert pas à modifier de façon plus avancé le visuel, ou par exemple d'enlever le lien « Social Facebook » situé dans le bas de la Like Box. J'avais aussi vu le bout de code dans leur source, mais je ne voie pas quoi changer / changer pour autant pour tenter d'avoir le même résultat, j'ai fait quelques test mais sans résultat.

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...