html - google - fb: like-box, css personalizado?
elegant themes fonts preview (5)
¿Es posible agregar un archivo css personalizado a un fb: like-box? Por ejemplo, me gustaría quitar los bordes alrededor del iframe. Gracias
El nuevo cuadro de "me gusta" no acepta el atributo "css". Tienes que usar el viejo plugin de fb: fan para lograrlo.
Por ejemplo:
<fb:fan profile_id=''[PAGE_ID]'' width=''300'' height=''256'' show_faces=''true'' stream=''false'' header=''false'' css=''[CSS_URL]''></fb:fan>
Recuerda añadir el "all.js".
Facebook como el cuadro ya no es compatible con CSS. Informes de Facebook: el soporte para CSS personalizado se ha eliminado debido a implicaciones de seguridad. Ahora permitimos que el complemento de likebox sea procesado sin un borde a través del argumento show_border = false . Sin embargo, si te gusta que tu cuadro me guste, puedes usar el truco de gradiente svg. Leer - Estilo de Facebook Like Box con SVG
Más información sobre el tema:
Si desea utilizar el atributo force_wall, deberá utilizar la versión de iframe.
Básicamente:
Ir:
http://developers.facebook.com/docs/reference/plugins/like-box/
Obtener el código iframe
Agregue los atributos profile_id y css (como se explicó anteriormente)
¿Cambiar la ruta desde www.facebook.com/plugins/likebox.php? a http://www.connect.facebook.com/widgets/fan.php ? ...
HECHO
Puede agregar un atributo css a la etiqueta <fb:like-box> con un href a su hoja de estilo CSS personalizada. Esto te permitirá manipular los estilos existentes.
Un buen artículo sobre este tema: http://line25.com/tutorials/how-to-add-a-custom-facebook-like-box-to-your-site
<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>
No use la transmisión en vivo para páginas con baja tasa de publicación, la transmisión estará vacía si solo hay publicaciones de más de 6 semanas.