Facebook

Si eres de los que les gusta tener todo integrado al máximo con tu sitio web y no soportas los bordes que aparecen rodeando el widget Me gusta de Facebook éste ejemplo te será de utilidad. Y ya sabes, si te gusta, compártelo.

 

Para eliminar esos dichosos bordes tan solo tenéis que crear una capa que rodee al iframe de Facebook (el código que os genera facebook para insertarlo en vuestra web. Ésta sería la estructura:

{codecitation} <div id=rodea_like_facebook> … código generado por facebook … </div> {/codecitation}
A continuación añadiremos una regla css del siguiente modo:
{codecitation} #rodea_like_facebook{ border: 3px solid #FFF; /* Cambiad por el color de fondo de vuestro sitio*/ height: 258px; /* Cambiad por la altura que se adecúe a vuestro sitio* left: -2px; overflow: hidden; position: relative; top: -1px; z-index: 10; } #rodea_like_facebook iframe { left: -5px; overflow: hidden; position: relative; top: -1px; background:#FFF; } {/codecitation} Con esta pequeña modificación tendréis listo ysin ningún tipo de borde. Podéis ver un ejemplo en la web del campeón del mundo de Parapente Acrobático Horacio Llorens

¿Te ha gustado? Compártelo!!