Utiliser le guide à http://developers.facebook.com/docs/reference/plugins/ike
J'essaie de mettre un bouton similaire sur ma page Web. Comment puis-je changer la couleur du texte [Soyez le premier de vos amis pour aimer cela.]
9 Réponses :
Toutes les incarnations du bouton "J'aime" sont iframe s, afin que vous ne puissiez pas les changer vous-même.
Autant que je puisse le voir, "Lumière" et "Dark" sont les seules options de personnalisation des offres de Facebook.
Un peu compréhensible du point de vue de Facebook - ils ont une marque à protéger. Mais triste pour le propriétaire du site, bien sûr.
Puis-je vous demander pourquoi vous mettez iframe dans un kbd élément? Merci.
@alex sur un caprice, rien de plus :)
C'est dans un iframe, vous ne pouvez donc pas changer la couleur du texte.
Il se trouve dans un Vous pouvez choisir un thème léger ou sombre. iframe sur un autre domaine; Vous pouvez
Vous pouvez modifier le thème de couleur de l'ensemble du bouton à la lumière ou à la noirceur < / a>, mais ce sont les seules options autorisées. Voir leur directives de la marque :
Bien que vous puissiez accumuler la taille en fonction de vos besoins, Vous ne pouvez pas modifier le bouton similaire de toute autre manière (comme en changeant la conception).
est correct. Facebook autorise uniquement la personnalisation mineure sur le bouton similaire.
Qu'est-ce que j'ai fait, car je viens d'avoir le même problème, est-ce que j'ai changé la couleur de fond du gris foncé en blanc (que j'ai isolé le bouton J'aime avec le titre de la page) J'ai donc changé la couleur du titre, le Contexte vers blanc et vous pouvez voir le lettrage sombre. C'est le meilleur que je puisse faire parce que je ne peux pas changer la couleur de la police.
Oui, cela peut être fait. Je vous donnerai les premières étapes (juste pour supprimer la couleur), alors vous pouvez faire une recherche supplémentaire sur -WebKit-filtre: HUE-TROTE STRAND> pour changer la couleur, si vous ne voulez pas juste à Supprimez-le. Tout d'abord, ajoutez un # à votre code FB: p> Vous pouvez laisser votre code tel qu'il est maintenant, Ajoutez simplement que id = "fbverlay" em> fort> là-bas. p> puis modifiez votre CSS et ajoutez: p> #fboverlay {
opacity: 0.6;
filter: alpha(opacity=60);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}
Le filtre est-il aussi appliqué sur l'arrière-plan également si l'iframe est transparent?
Ne semble pas prendre à Firefox
Non, cela n'affecte pas l'arrière-plan, juste le FB Div. Je suis désolé de savoir que cela ne fonctionne pas sur FF. Peut-être que si vous modifiez un peu le CSS ?? ...
Upvotez votre réponse car cela m'a aidé à tourner le bouton rouge (mais uniquement sur Chrome jusqu'à maintenant). Quittera ma variation de la réponse d'Anothe.
oui il peut être fait NO Les directives de la marque Facebook ne semblent pas le permettre voir ci-dessous pour des détails techniques ou essayez sur le Facebook Button Colorizer Outil I Construit. Il est possible de modifier la couleur du bouton via Filtres CSS / SVG . Ceux-ci peuvent influer sur l'apparition du contenu de l'iframe. Merci à Oleschmitt pour me mettre sur cette piste. webkit avec ce code, je suis actuellement capable de faire la couleur du bouton rouge sur les navigateurs Webkit: stylesheet.css: uniquement testé sur chrome, mais comme il s'agit d'une fonctionnalité WebKit, devrait également fonctionner sur Safari et Opera, car ils sont également tous deux à la fois en webkit- Basé. Firefox Firefox ne prend pas en charge les équivalents CSS des filtres SVG, mais vous pouvez obtenir une rotation de la teinte pour travailler en liant à un filtre .svg. Créez un filtre SVG (externe ou interne) et reportez-vous à celui de votre CSS: Filters.svg: < / em> fragment svg interne page.html < pré> xxx stylesheet.css: Une seule référence SVG est nécessaire, soit à un fichier externe ou à un fragment SVG en ligne. Pas les deux en même temps. Testé sur Chrome, Firefox et Opera devraient également travailler sur Safari. Regardez ce jsfiddle . Qu'en est-il de l'explorateur d'Internet? est à la traîne sur le support du CSS, mais ils n'allent éventuellement pas de doute. Jusque-là, je souhaite la bienvenue à des suggestions pour traiter avec IE.
Tournage du bouton rouge (chrome, firefox, safari, opéra)
Il est possible, il suffit de créer une classe CSS par le nom de .fb-like-box {Fond: # F5F5F5; }
Cela ne change pas la couleur du bouton.
@MOHAMMAMMAD Samim Samir a inspiré cette solution alternative ... Il a déclaré que la boîte de gueule de forme .fb-similaire, il n'a pas fonctionné pour @Heerwood uniquement à cause de la "-Box" annexée, ".fb-like" sur son propre Avec suivi de "{fond: # f5f5f5;}", cela aurait fonctionné. à quoi on ressemble après l'application du style ci-dessus dans la feuille de style. CSS
Vous ne pouvez pas être en raison de la stratégie de domaine croisée, la seule chose que vous pouvez faire est de charger l'image et de créer un bouton localement, puis de la styles là-bas, mais comme dans un cadre dans un cadre que vous ne pouviez pas.
membres.chello.nl/~sgm.jansen/facebook-button-coloriseur