Como remover borda da caixa de fãs do Facebook

Chuiso · 22/07/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:

Inserir CODE, HTML ou 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/07/2012

Busca esto en tu CSS:

Inserir CODE, HTML ou PHP:

border: 1px solid #AAA

Y coloca esto:

Inserir CODE, HTML ou PHP:

border: 0px solid #AAA

Chuiso · 22/07/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/07/2012

agrega esto a tu hoja CSS

HTML:

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

Chuiso · 22/07/2012

Cluster disse:
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/07/2012

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

Chuiso · 22/07/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/07/2012

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

budha · 22/07/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/07/2012

budha disse:
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 🙂

Como remover borda da caixa de fãs do Facebook

Chuiso

Rolli

Chuiso

Cluster

Chuiso

Scattercito

Chuiso

krusty72

budha

Chuiso

Tópicos similares