25 de Noviembre del 2012 Blog, CMS, Consultoría, Marketing

Como quitar el borde a cuadros Me Gusta de Facebook

 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

 

28 de Octubre del 2025

🐾 Estudio Alfa, patrocinador de la I Feria Nacional de Adopciones de Albacete

25 de Septiembre del 2025

Sastrería David Sotoca abre en Albacete: web y marca por Estudio Alfa