2014-06-25 15 views
5

Sto tentando di allineare correttamente il popup del commento del pulsante Mi piace di Facebook. Uso il layout di conteggio delle caselle in modo da poter allineare tutti i pulsanti di Facebook/Twitter/Google +/Whatever sulla parte destra.Fai il popup del commento del pulsante Mi piace di Facebook ancorato a destra con il layout del conteggio delle caselle

Ecco il mio layout di pagina effettivo. Sembra che io voglia. My actual buttons layout, it looks fine

Ma una volta fatto clic sul pulsante Mi piace, il popup del commento appare ancorato da sinistra ed è fuori dalla finestra. Bummer. Crappy result

Quello che voglio è semplicemente hanno il popup ancorato da destra invece che a sinistra Google's +1 button does it properly, so why not Facebook? Ho provato tutte le versioni del tasto. La versione IFRAME non mostra la casella dei commenti ma non può essere allineata correttamente. HTML5 e XFBML sono allineati correttamente ma entrambi mostrano il popup fuori dalla finestra.

Non vedo alcun parametro in Facebook's documentation per regolare l'allineamento del popup dei commenti o per forzare l'apertura del popup dei commenti in un vero popup del browser. A proposito, questo non può essere regolato dai CSS dato che il dannato popup si trova all'interno di un dannato IFRAME, anche quando sto usando il markup HTML5 e XFBML.

C'è un modo pulito per:

  1. Anchor questo pop-up per il diritto
  2. Aprire la comparsa in un pop-up del browser reale (window.open())
  3. Nascondi la comparsa

C'è un modo per farlo? Il pulsante Google +1 funziona perfettamente senza dover aggiungere molto codice.

Ovviamente, la soluzione facile sarebbe spostare i pulsanti sul lato sinistro ma fa schifo.

Qualsiasi aiuto sarà apprezzato. Grazie :)

+0

Ciao, Nicolas! Hai trovato la risposta alla tua domanda? – fedosov

+1

Purtroppo no. Il widget di Facebook è un iframe quindi non ne abbiamo il controllo. Quello che ho fatto è mettere il widget in un contenitore con overflow: nascosto in modo che il popup non venga visualizzato ma è piuttosto sporco: http://twittercats.com/ – NicolasBernier

+0

Forse puoi farlo restare a sinistra e spostarti a destra una volta è cliccato. (sembra difficile, ma perché non provare ..). –

risposta

0

Prova questa

<center> 
 
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"> 
 
</script><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FID_HERE&amp;layout=standard&amp;show_faces=false&amp;colorscheme=light&amp;width=50&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:30px;" allowtransparency="false"></iframe>

Sostituire ID_HERE con la tua pagina id