regolare la larghezza di Google Plus 1 pulsante

Question

Sto cercando di capire come modificare la larghezza della Google, più 1 pulsante ...

Nella documentazione si dice che si può impostare una larghezza.

Attualmente, quando esamino l'elemento utilizzando Firebug ... si dice che la larghezza è impostata su 90px, che vorrei impostare su 70px ... è possibile?

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

è possibile scegliere da un paio di impostazioni di altezza al code generator, ma non si può scegliere un valore di dimensione arbitraria.

Answer 2

Non so se l'id iframe è sempre lo stesso, ma se è possibile utilizzare css +! Important per sovrascrivere lo stile dell'elemento. Qualcosa di simile:

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

Spero che aiuti.

Answer 3

Ero frustrato dal fatto che i pulsanti non fossero tutti uguali, così ho gestito tramite css + javascript per far funzionare un pulsante 32x32 +1. È possibile ottenere i dettagli qui:

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

nota che in data ricaricare la pagina non mostrerà + 1ed stato (senza callback per quello ancora meno che qualcuno sa di una persona ancora non annunciato)

Answer 4

L'ID isn 't sempre lo stesso se si utilizza più di un pulsante, in modo da poter utilizzare questo po' di CSS per la cattura di più pulsanti:

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

che si applica a tutti gli elementi che hanno un ID che inizia con ___plusone, che sembra essere il nome di Google espace per il pulsante

Answer 5

Ho scoperto che se non stai cercando di cambiare la larghezza del pulsante fisico, ma solo cercando di rendere la larghezza più piccola per regolare il posizionamento.

Il modo migliore è quello di impostare:

#id_of_button { position: relative; a sinistra: (qualunque cosa funzioni meglio) px }

Spero che questo aiuti.

Answer 6

La risposta qui sta invecchiando quindi volevo rilasciare una nota sulla possibilità di allineare correttamente il contenuto del pulsante google plus one.

Quindi se come me stai provando a forzare la larghezza a qualsiasi dimensione per allinearla a destra, dimenticala e usa align="right" invece!

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

Maggiori informazioni qui: https://developers.google.com/+/web/+1button/