ajuster la largeur du bouton google plus 1

Question

Je cherche à savoir comment modifier la largeur du bouton Google plus 1...

La documentation indique qu'il est possible de définir une largeur.

Actuellement, lorsque j'examine l'élément à l'aide de Firebug... il est indiqué que la largeur est fixée à 90px, alors que j'aimerais la fixer à 70px... est-ce possible ?

    <!-- Place this tag where you want the +1 button to render -->
    <g:plusone size="medium"></g:plusone>

    <!-- Place this render call where appropriate -->
    <script type="text/javascript">
      (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
      })();
    </script>

Answer 1

L'identifiant n'est pas toujours le même si vous utilisez plus d'un bouton, vous pouvez donc utiliser cette partie de CSS pour attraper plusieurs boutons :

[id^=___plusone] { width:72px !important; }

qui s'applique à tous les éléments dont l'identifiant commence par ___plusone qui semble être l'espace de noms de Google pour le bouton

Answer 2

Je ne sais pas si l'identifiant de l'iframe est toujours le même, mais si c'est le cas, vous pouvez utiliser css + !important pour remplacer le style de l'élément. Quelque chose comme :

/* this overrides 90px to 72px width to +1 button */
#___plusone_0{ width:72px !important; }

J'espère que cela vous aidera.

Answer 3

Vous avez le choix entre plusieurs hauteurs au niveau de l'écran. générateur de code mais vous ne pouvez pas choisir une valeur de taille arbitraire.

Answer 4

J'étais frustré par le fait que les boutons n'étaient pas tous de la même taille et j'ai donc réussi, grâce à css + javascript, à faire fonctionner un bouton 32x32 +1. Vous pouvez obtenir les détails ici :

http://bashireghbali.com/technology/google-plus-one-button-32x32/

noter que lors du rechargement de la page, il n'affichera pas l'état +1ed (il n'y a pas encore de callback pour cela, à moins que quelqu'un en connaisse un qui n'a pas encore été annoncé).

Answer 5

J'ai constaté que si vous n'essayez pas de modifier la largeur du bouton physique, mais que vous essayez simplement de réduire la largeur pour ajuster le positionnement.

La meilleure façon de procéder est de définir :

# position : relative ; left : (ce qui fonctionne le mieux)px }

J'espère que cela vous aidera.