2011-12-30 14 views
8

Non riesco a trovare da nessuna parte (se è possibile) come ridimensionare il pulsante come (non è iframe o il contenitore, ma il pulsante stesso con la scrittura e tutto) .Ridimensiona/ridimensiona come pulsante (altezza e larghezza)

Google+ offre diverse versioni del suo pulsante +1, il più piccolo è 15px.

Per motivi di progettazione, ho bisogno di modificare (ridimensionare) la dimensione del pulsante FB come per abbinare il layout del sito (in questo caso particolare ... scala fino a 15px).

(secondo i termini e le condizioni FB ridimensionamento è permesso.)

+0

Potrebbe aggiungere un link che il ridimensionamento è permesso? Mi stavo solo chiedendo ... – rogerdpack

+0

Possibile duplicato di [pulsante simile a Facebook come dimensione maggiore] (http://stackoverflow.com/questions/3938201/facebook-like-button-larger-size) – rogerdpack

risposta

19

Anche se non si dice l'iframe, se si fa scalare l'iframe con CSS3 aumenterà la dimensione del pulsante. Sarebbe probabilmente meglio per dare l'iframe un ID o classe, ma qualcosa di simile avrebbe funzionato se fosse l'unico iframe sulla pagina:

iframe 
{ 
transform: scale(1.5); 
-ms-transform: scale(1.5); 
-webkit-transform: scale(1.5); 
-o-transform: scale(1.5); 
-moz-transform: scale(1.5); 
transform-origin: top left; 
-ms-transform-origin: top left; 
-webkit-transform-origin: top left; 
-moz-transform-origin: top left; 
-webkit-transform-origin: top left; 
} 

Ecco un esempio http://www.tinydesign.co.uk/like/

+1

Non riesco a cliccare su questo su iPhone , non fa nulla –

+1

Non funziona su iPhone potrebbe essere dovuto a http://ejohn.org/blog/clickjacking-iphone-attack/, non è stato possibile trovare alcuna soluzione alternativa allo –

+0

qualcosa di simile a 'padding: 2px' risolvere questo problema? è la ragione per cui non funziona su iPhone che qualcosa è scalato e arrotondato in modo da essere teoricamente al di fuori dei limiti? –