Discussion :

[Yepazix]

Bonjour,
J'utilise ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.jeromedewarzee.eu&amp;width=980&amp;height=280&amp;colorscheme=light&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;send=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:980px; height:280px;" allowTransparency="true"></iframe>

sur cette page :
http://www.jeromedewarzee.eu/fb.php

Pour créer un bouton Facebook.
Jusque la pas de quoi se relever la nuit.

Ce qu'il y a c'est que je voudrais que ma page ressemble à ceci :


Je n'ai rien trouvé chez FB alors si quelqu'un à des idées...

[Yepazix]

Bon je n'ai pas eu beaucoup d'aide sur ce coup là mais je poste ce que j'ai trouvé tout seul (avec l'aide de Google bien sur).
On ne sait jamais ça pourrait peut être aider quelqu'un...

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
(...)
#frame { width: 200px; height: 100px; }
#frame { zoom: 3.00; -moz-transform: scale(3.00); -moz-transform-origin: 0 0; }

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
(...)
<iframe id="frame" style="text-align: center;" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.jeromedewarzee.eu&amp;width=980&amp;height=280&amp;colorscheme=dark&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;send=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:980px; height:280px;" allowTransparency="true"></iframe>
(...)

Et j'obtiens ceci : http://www.jeromedewarzee.eu/fb.php

Et tant qu'on y est si vous visitez et que vous voulez liker n'hésitez pas hein

[rodolphebrd]

Bonjour,

je ne comprends plus trop ce que vous voulez faire.

Si c'est customiser votre bouton (changer le texte et l'icône) je ne vois pas la difficulté.

Liké

[Yepazix]

Ben je voulais un GROS bouton LIKE.
De base il est petit.

[rodolphebrd]

Alors il faut ajouter les dimensions ici :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
.pluginSkinDark .pluginButton {
    background-color: #c7c7c7;
    border-color: #999;
    color: #333;
    width: .......;
    height: ......;
}

et modifier le background-image ici :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
.sp_like-dark {
    background-image:url(https://fbstatica.akamaihd.net/rsrc.php/v2/yI/r/emOmmWgG54X.png);
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    width: 14px;
}