2010-10-14 5 views

Répondre

5

Non, il vient tel quel. Ce qui est étrange, c'est que Google+ et Twitter vous permettent d'avoir différentes tailles de boutons.

1

Il existe une solution de contournement, mais il est contraire à FB's policy de changer l'apparence de leur bouton. Je suppose que vous pourriez probablement créer une plus grande taille FB comme le bouton et il suffit d'utiliser que ...

http://www.esrun.co.uk/blog/disguising-a-facebook-like-link/

+0

"Quelqu'un quelque part" a dit qu'il ne serait peut-être pas contraire à la politique de l'adapter ... – rogerdpack

27

Ouais, cible l'iframe avec CSS et l'échelle à l'aide CSS3. Quelque chose comme ceci:

#fbiframe 
{ 
transform: scale(2.5); 
-ms-transform: scale(2.5); 
-webkit-transform: scale(2.5); 
-o-transform: scale(2.5); 
-moz-transform: scale(2.5); 
transform-origin: bottom left; 
-ms-transform-origin: bottom left; 
-webkit-transform-origin: bottom left; 
-moz-transform-origin: bottom left; 
-webkit-transform-origin: bottom left; 
} 
+2

Juste au cas où cela aiderait quelqu'un d'autre, mon iframe n'avait pas d'identifiant. Donc je l'ai ciblé avec '.fb_iframe_widget iframe'. – Matt

+2

Juste un mot de wrarning que cela va casser sur les navigateurs mobiles (testé Chrome, Firefox) –

+1

Semble être "pas respecté" sur mobile, mais fonctionne sur le bureau. – rogerdpack

1

I à l'aide d'amorçage et d'ajouter des propriétés BTN et css BTN-grand

<div class="fb-like btn btn-large btn-primary" data-href="#" 
data-width="550" data-layout="button" data-show-faces="true" 
data-share="false"></div> 

il peut rendre le bouton devenir plus grand.

0

Ces jours-ci le plugin comme offre un « petit » ou « grand » variante, à savoir la taille des données:

<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="standard" data-action="like" data-size="large" data-show-faces="true" data-share="true"></div>

Vous pourriez être en mesure d'attirer l'attention sur d'autres manières, aussi, comme centrant, etc. voir https://www.quora.com/Is-it-possible-to-increase-the-size-of-Facebook-like-button

essayez aussi ceci:

.fb-like { 
    transform: scale(1.5); 
    -ms-transform: scale(1.5); 
    -webkit-transform: scale(1.5); 
    -o-transform: scale(1.5); 
    -moz-transform: scale(1.5); 
} 

(de https://www.babelscribe.co.nz/notes/resizing-facebook-like-buttons/) mais il pourrait mes s le positionnement un peu.

Et bien sûr je suppose que si vous êtes vraiment désespéré, vous pourriez faire le vieux truc de "votre propre bouton personnalisé" qui les redirige juste vers une page avec seulement le bouton "réel" ou qui apparaît un modal avec "juste le bouton like" qu'ils doivent recliquer à nouveau: |

Questions connexes