Cómo quitar borde al cuadro de fans de Facebook

Chuiso · 22 Jul 2012

Hola amigos! Alguna idea de cómo quitarle el borde azul al cuadro de fans de facebook? Tiene sólo como 1 o 2 pixels. Sé que se puede hacer porque he visto varios blogs que lo tienen sin dicho borde, pero estoy trasteando en el style del código y he probado quitando y poniendo algo de código pero nada. Os dejo el código:

Insertar CODE, HTML o PHP:

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

A ver si sacáis la respuesta que seguro que a más de uno le interesa y en Google no he encontrado nada al respecto :ambivalence:

Rolli · 22 Jul 2012

Busca esto en tu CSS:

Insertar CODE, HTML o PHP:

border: 1px solid #AAA

Y coloca esto:

Insertar CODE, HTML o PHP:

border: 0px solid #AAA

Chuiso · 22 Jul 2012

No, el style del cuadro no está definido en el css del blog, el cuadro es un iframe y el estilo viene en el mismo código que Facebook da, pero sé que de alguna forma se pueden definir algunos parámetros al crear el cuadro, pero del borde no deja en la creación.

Cluster · 22 Jul 2012

agrega esto a tu hoja CSS

HTML:

.fbConnectWidgetTopmost {
	border-width: 0px !important;
}

Chuiso · 22 Jul 2012

Cluster dijo:
agrega esto a tu hoja CSS

HTML:

.fbConnectWidgetTopmost { border-width: 0px !important; }

Mmm, lo he probado pero no va :ambivalence: También he probado así:

border: 0px solid Enlace eliminado

pero nada

Scattercito · 22 Jul 2012

podrías poner alguna web de las que mencionas para "analizar" el código

Chuiso · 22 Jul 2012

Mmm cachis, no me la guardé en favoritos una que vi ayer :S voy a ver si me acuerdo o encuentro alguna y así vemos el código, buen aporte 🙂 Si alguien encuentra una que lo ponga por aquí!

Encontré esto en inglés, hay que meter el código con un div, por ejemplo <div id="likebox-frame"> y luego definirlo en el css así:

#likebox-frame{
border:3px solid Enlace eliminado
width:894px;
z-index:10;
height: 156px;
overflow: hidden;
position:relative;
top:-1px;
left:-2px;
}
#likebox-frame iframe{
left:-5px;
overflow:hidden;
position:relative;
top:-1px;
}

Bueno las medidas varían, pero a mi no me termina de funcionar, el borde de abajo no lo quita :S

krusty72 · 22 Jul 2012

Donde tienes el código de facebook en tu web, agrega esto dentro del div data-border-color="ffffff"

budha · 22 Jul 2012

Es mucho mas sencillo que eso, solo tienes que ir a la pagina para crear el codigo de facebook.

Enlace eliminado

Rellenas los datos para crear tu cajon y en el apartado "border color" pon el color que tienes de fondo en tu pagina web, por ejemplo "#000" y listo, el codigo que te genera tiene el borde del mismo color que el fondo de tu pagina, por tanto no se vera.

O todavia mas sencillo, si no quieres crear de nuevo el cajon añade a tu codigo de facebook esta linea "border_color=%23fff&", solo cambia "fff" por tu color de fondo y listo.

Quedaria de la siguiente manera.

HTML:

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

Un saludo

Chuiso · 22 Jul 2012

budha dijo:
Es mucho mas sencillo que eso, solo tienes que ir a la pagina para crear el codigo de facebook.

Enlace eliminado

Rellenas los datos para crear tu cajon y en el apartado "border color" pon el color que tienes de fondo en tu pagina web, por ejemplo "#000" y listo, el codigo que te genera tiene el borde del mismo color que el fondo de tu pagina, por tanto no se vera.

O todavia mas sencillo, si no quieres crear de nuevo el cajon añade a tu codigo de facebook esta linea "border_color=%23fff&", solo cambia "fff" por tu color de fondo y listo.

Quedaria de la siguiente manera.

HTML:

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FVidaEmigrante&width=300&height=258&colorscheme=light&show_faces=true&border_color=%23fff&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowTransparency="true"></iframe>

Un saludo

Buenísimo! Muchas gracias 🙂

Cómo quitar borde al cuadro de fans de Facebook

Chuiso

Rolli

Chuiso

Cluster

Chuiso

Scattercito

Chuiso

krusty72

budha

Chuiso

Temas similares