HTML5 come casella interrotta

Ho i seguenti problemi; l'altezza non si ridimensiona correttamente, lo sfondo non è più trasparente, il bordo è di colore sbagliato, il fondo della scatola è troncato, il testo e lo sfondo sono dello stesso colore sull'impostazione "Scuro". Questo sta accadendo su ogni sito su cui ho implementato la "scatola dei like".HTML5 come casella interrotta

Questi possono essere riprodotti sul Like Box - Gli sviluppatori Pagina https://developers.facebook.com/docs/reference/plugins/like-box/ provare le seguenti impostazioni:

Larghezza 400

Altezza 600 (la casella non scala) (se si lascia al momento del default e girata di Show Faces fondo è tagliato fuori)

Mostra Faces: su

combinazione di colori: scuro

Mostra Stream: Su

Colore bordo: # 000 (il confine non cambierà i colori)

Mostra Faces: Off

(si noterà il testo e lo sfondo è lo stesso colore (lo sfondo non è più trasparente)) Sembra che tutto sia iniziato a mezzanotte di mercoledì EST dopo gli aggiornamenti e credo che sia il risultato del tentativo di risolvere il problema delle immagini che vengono allungate nel feed.

fonte

2012-12-09 Robert Mroczka

https://developers.facebook.com/bugs/128437833979988 descrive un problema, ti sei iscritto a quell'errore? – Igy

Questi passaggi non hanno replicato il problema per me –

@Igy, non ho nessun pulsante di iscrizione visualizzato, né posso seguire o creare una nuova segnalazione di bug dalla mia parte. Sono a conoscenza di questo bug report esistente e posso emulare i risultati dei poster sulla mia estremità. Aggiornamento –

questo ha funzionato per me:

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=400&amp;height=558&amp;show_faces=true&amp;colorscheme=dark&amp;stream=true&amp;border_color=%23000000&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:558px;" allowTransparency="true"></iframe>

Basta tenere a mente è necessario aggiungere alcune righe in <head> tag, altrimenti non sarà possibile visualizzare i risultati corretti

<link rel="alternate" media="handheld" href="https://developers.facebook.com/docs/reference/plugins/like-box/" /> 

<link rel="canonical" href="https://developers.facebook.com/docs/reference/plugins/like-box/" /> 

<meta property="og:url" content="http://developers.facebook.com/docs/reference/plugins/like-box/" />

Si può modificare con i valori dopo aver letto la documentazione dell'FB API.

fonte

2013-03-13 12:39:13 MarmiK

risposta

Problemi correlati