19
E 'possibile aggiungere un file css personalizzato ad un fb: like-box? Ad esempio, vorrei rimuovere i bordi attorno all'iframe. Graziefb: like-box, css personalizzato?
A
risposta
26
La nuova come-box non accetta l'attributo "css". Devi usare il vecchio plugin fb: fan per realizzarlo.
Ad esempio:
<fb:fan profile_id='[PAGE_ID]' width='300' height='256' show_faces='true' stream='false' header='false' css='[CSS_URL]'></fb:fan>
ricordarsi di aggiungere le "all.js".
1
È possibile aggiungere un attributo css al tag <fb:like-box> con un href al foglio di stile CSS personalizzato. Questo ti permetterà di manipolare gli stili esistenti.
Un buon articolo su questo argomento: http://line25.com/tutorials/how-to-add-a-custom-facebook-like-box-to-your-site
+0
Ive l'ha provato, ma quando cambio
0
Maggiori informazioni sull'argomento:
Se si desidera utilizzare l'attributo force_wall, avrete bisogno di utilizzare la versione iframe.
In sostanza:
Vai a:
http://developers.facebook.com/docs/reference/plugins/like-box/
ottenere il codice iframe
Aggiungere il profile_id e css attributi ad esso (come spiegato sopra)
Modificare il percorso da www.facebook.com/plugins/likebox.php? a http://www.connect.facebook.com/widgets/fan.php? ...
FATTO
2
<div id="fb-root"></div>
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>
<script type="text/javascript">FB.init("Your-App-ID");</script>
<fb:fan profile_id="Your-Page-Profile-ID" connections="20" width="300" height="300" css="http://example.com/likebox-style.css?1"></fb:fan>
Non usare in diretta streaming per le pagine con un basso tasso di post, il flusso sarà vuoto se non ci sono solo i messaggi più vecchi di 6 settimane .
1
La casella di Facebook non supporta più i CSS. Rapporti di Facebook: Il supporto per CSS personalizzati è stato rimosso a causa di implicazioni sulla sicurezza. Ora consentiamo il rendering del plugin likebox senza un bordo tramite l'argomento show_border = false. Tuttavia, se ti piace rendere colorata la tua scatola simile puoi usare il trucco gradiente svg. Leggi - Styling Facebook Like Box With SVG
Ulteriori informazioni: http://stackoverflow.com/questions/4518024/facebook-like-box-external-css/4852787#4852787 –
Sembra che questo metodo abbia smesso di funzionare alcuni giorni fa. Ecco un approccio alternativo molto simile: http://pixabay.com/de/blog/posts/how-to-style-a-facebook-like-box-with-css-30/ –
e ora un mese dopo, il loro anche il prossimo approccio è rotto. È sicuro dire che la cosa personalizzata dei css è morta per sempre. – lkraav