ajustar el ancho de Google + 1 botón

Question

Estoy tratando de encontrar la manera de modificar el ancho de la Google + 1 botón ...

En la documentación que dice que se puede establecer un ancho.

Actualmente, cuando examino el elemento usando Firebug ... dice que el ancho está establecido en 90px, que me gustaría establecer en 70px ... ¿es eso posible?

<!-- 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

usted puede escoger de un par de ajustes de altura en el code generator, pero no se puede escoger un valor de tamaño arbitrario.

Answer 2

No sé si el id. De iframe es siempre el mismo, pero si lo es, puede usar css +! Important para anular el estilo del elemento. Algo como:

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

Espero que ayude.

Answer 3

Me sentí frustrado por los botones, que no todos eran del mismo tamaño, así que logré a través de css + javascript obtener un botón 32x32 +1 en funcionamiento. Usted puede obtener los detalles aquí:

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

nota de que en la página de recarga no se mostrará + 1ed estado (sin devolución de llamada para la que aún no ser que alguien sabe de un ser todavía no anunciada)

Answer 4

El ISN ID 't siempre el mismo si está utilizando más de un botón, para que pueda utilizar este poco de CSS para atrapar varios botones:

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

que se aplica a todos los elementos que tienen un ID que comienza con ___plusone, lo que parece ser el nombre de Google espace para el botón

Answer 5

Encontré que si no estás tratando de cambiar el ancho del botón físico, solo intentas hacer el ancho más pequeño para ajustar el posicionamiento.

La mejor manera es fijar:

#id_of_button { posición: relative; izquierda: (lo que funcione mejor) px }

Hope that helps.

Answer 6

La respuesta aquí está envejeciendo, así que quería dejar caer una nota sobre la posibilidad de alinear correctamente el contenido del botón de google más uno.

Así que si, como yo, intentas forzar el ancho al tamaño que quieras para alinearte, ¡olvídalo y en su lugar usa align="right"!

<g:plusone align="right" size="medium"></g:plusone> 

Más información aquí: https://developers.google.com/+/web/+1button/