Foros del Web » Creando para Internet » HTML »

Bordes en los gadgets

Estas en el tema de Bordes en los gadgets en el foro de HTML en Foros del Web. Hola, Alguien me puede ayudar en decirme como se le quitan los bordes superior e izquierdo que siempre le quedan a los gadges que inserto ...
  #1 (permalink)  
Antiguo 27/11/2012, 18:31
 
Fecha de Ingreso: octubre-2004
Mensajes: 157
Antigüedad: 20 años
Puntos: 0
Bordes en los gadgets

Hola,

Alguien me puede ayudar en decirme como se le quitan los bordes superior e izquierdo que siempre le quedan a los gadges que inserto via iframe en mi google sites?...
para explicarme mejor, quedan como suelen quedar las ventanas de comentarios, haciendo el efecto de "relieve"?...

gracias por la ayuda.
  #2 (permalink)  
Antiguo 27/11/2012, 21:26
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 15 años, 4 meses
Puntos: 641
Respuesta: Bordes en los gadgets

no son bordes, se llaman scroll

y para quitarlos la unica forma que conozco es:

<iframe src="" scrolling="no"></iframe>

con puro css nunca pude.
  #3 (permalink)  
Antiguo 28/11/2012, 00:50
 
Fecha de Ingreso: octubre-2004
Mensajes: 157
Antigüedad: 20 años
Puntos: 0
Respuesta: Bordes en los gadgets

ah!!! eso es el scoll? vaya!

muchas gracias!.
  #4 (permalink)  
Antiguo 28/11/2012, 03:41
 
Fecha de Ingreso: octubre-2004
Mensajes: 157
Antigüedad: 20 años
Puntos: 0
Respuesta: Bordes en los gadgets

Pero creo que no es o no me explicado bien...

te agrego una imagen para explicarme...:

[IMG][/IMG]
  #5 (permalink)  
Antiguo 28/11/2012, 12:07
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 15 años, 4 meses
Puntos: 641
Respuesta: Bordes en los gadgets

Ah ya veo, pensé que era el scroll del iframe.

:pensar: por lo que veo en la imagen, ese borde negro parece algo de tu css.

lo del fondo blanco, no se si se pueda controlar, verifica tu css, y si puedes deja un link a tu web, para verla en vivo.
  #6 (permalink)  
Antiguo 28/11/2012, 17:01
 
Fecha de Ingreso: octubre-2004
Mensajes: 157
Antigüedad: 20 años
Puntos: 0
Respuesta: Bordes en los gadgets

Cita:
Iniciado por memoadian Ver Mensaje
Ah ya veo, pensé que era el scroll del iframe.

:pensar: por lo que veo en la imagen, ese borde negro parece algo de tu css.

lo del fondo blanco, no se si se pueda controlar, verifica tu css, y si puedes deja un link a tu web, para verla en vivo.

www.danielacakes.com

Recuerda que es de "Google sites"


Gracias.
  #7 (permalink)  
Antiguo 28/11/2012, 21:10
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 15 años, 4 meses
Puntos: 641
Respuesta: Bordes en los gadgets

Según lo que vi en mis exploradores esto solo pasa en IE8

para quitarlo debes poner frameborder=0

<iframe scrolling="no" border="0" frameborder="0" src="http://face.gad.etc?"></iframe>
  #8 (permalink)  
Antiguo 29/11/2012, 04:24
 
Fecha de Ingreso: octubre-2004
Mensajes: 157
Antigüedad: 20 años
Puntos: 0
Respuesta: Bordes en los gadgets

Cita:
Iniciado por memoadian Ver Mensaje
Según lo que vi en mis exploradores esto solo pasa en IE8

para quitarlo debes poner frameborder=0

<iframe scrolling="no" border="0" frameborder="0" src="http://face.gad.etc?"></iframe>
Gracias, pero estoy leyendo el codigo del gadget, y no veo donde colocarlo.
o donde sustituirlo.

te copio el codigo:

<DIV align=right><FONT size=1>Haz <STRONG>click</STRONG> para compartir</FONT></DIV>
<DIV align=right><IMG style="TEXT-ALIGN: right; DISPLAY: block; MARGIN-LEFT: auto" class=igm src="https://www.google.com/chart?chc=sites&amp;cht=d&amp;chdp=sites&amp;chl=% 5B%5BGoogle+Gadget'%3D20'f%5Cv'a%5C%3D0'10'%3D99'0 'dim'%5Cbox1'b%5CF6F6F6'fC%5CF6F6F6'eC%5C0'sk'%5C% 5B%22Include+gadget+(iframe)%22'%5D'a%5CV%5C%3D12' f%5C%5DV%5Cta%5C%3D10'%3D0'%3D100'%3D18'dim'%5C%3D 10'%3D10'%3D100'%3D18'vdim'%5Cbox1'b%5Cva%5CF6F6F6 'fC%5CC8C8C8'eC%5C'a%5C%5Do%5CLauto'f%5C&amp;sig=_ LzoMdIGY5m2FwshkAVaO5Z9fJ8" width=100 height=21 data-props="align:right;borderTitle:;height:21;igsrc:ht tp#58//125.gmodules.com/ig/ifr?mid=125&amp;synd=trogedit&amp;url=http%3A%2F%2 Fwww.gstatic.com%2Fsites-gadgets%2Fiframe%2Fiframe.xml&amp;up_iframeURL=%2F %2Fwww.facebook.com%2Fplugins%2Flike.php%3Fhref%3D http%253A%252F%252Fwww.danielacakes.com%252F%26sen d%3Dfalse%26layout%3Dbutton_count%26width%3D450%26 show_faces%3Dfalse%26action%3Dlike%26colorscheme%3 Dlight%26font%3Dtrebuchet%2Bms%26height%3D21&amp;u p_scroll=no&amp;h=21&amp;w=100;mid:125;scrolling:n o;showBorder:false;showBorderTitle:null;spec:http# 58//www.gstatic.com/sites-gadgets/iframe/iframe.xml;up_iframeURL://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.danielacakes.com%2F &amp;send=false&amp;layout=button_count&amp;width= 450&amp;show_faces=false&amp;action=like&amp;color scheme=light&amp;font=trebuchet+ms&amp;height=21;u p_scroll:no;view:default;width:100;wrap:false;" data-type="ggs-gadget" data-igsrc="http://125.gmodules.com/ig/ifr?mid=125&amp;synd=trogedit&amp;url=http%3A%2F%2 Fwww.gstatic.com%2Fsites-gadgets%2Fiframe%2Fiframe.xml&amp;up_iframeURL=%2F %2Fwww.facebook.com%2Fplugins%2Flike.php%3Fhref%3D http%253A%252F%252Fwww.danielacakes.com%252F%26sen d%3Dfalse%26layout%3Dbutton_count%26width%3D450%26 show_faces%3Dfalse%26action%3Dlike%26colorscheme%3 Dlight%26font%3Dtrebuchet%2Bms%26height%3D21&amp;u p_scroll=no&amp;h=21&amp;w=100"></DIV>

Última edición por diga2299; 29/11/2012 a las 04:25 Razón: Agregar informacion
  #9 (permalink)  
Antiguo 30/11/2012, 06:23
 
Fecha de Ingreso: octubre-2004
Mensajes: 157
Antigüedad: 20 años
Puntos: 0
Respuesta: Bordes en los gadgets

Por favor.....
  #10 (permalink)  
Antiguo 30/11/2012, 10:34
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 15 años, 4 meses
Puntos: 641
Respuesta: Bordes en los gadgets

??? ¿ese es el código que te dan en facebook?

que extraño, en el facebook developers dan algo así:

<fb:like href="http://dominio.com" send="true" width="450" show_faces="true"></fb:like>

o así:

<div class="fb-like" data-href="http://manganimemas.com" data-send="true" data-width="450" data-show-faces="true"></div>

por cierto los iframes ya no lo usan

por que no usas así como te lo pongo? en IE8 y demás navegadores se ve perfecto

¿es por el google sites? nunca lo he usado. Pero si en blogger se puede usar esto:

Código HTML:
Ver original
  1.     <div id="fb-root"></div>
  2.     <script>(function(d, s, id) {
  3.       var js, fjs = d.getElementsByTagName(s)[0];
  4.       if (d.getElementById(id)) return;
  5.       js = d.createElement(s); js.id = id;
  6.       js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=406138222787915";
  7.       fjs.parentNode.insertBefore(js, fjs);
  8.     }(document, 'script', 'facebook-jssdk'));</script>
  9.     <div class="fb-like" data-href="http://dominio.com" data-send="true" data-width="450" data-show-faces="true"></div>
  10. </body>

no veo por que en google sites no
  #11 (permalink)  
Antiguo 30/11/2012, 11:21
 
Fecha de Ingreso: octubre-2004
Mensajes: 157
Antigüedad: 20 años
Puntos: 0
Respuesta: Bordes en los gadgets

Gracias por responder.

Pero no, no lo acepta. Ningun de los tres.
y si, si es el codigo que me dio el developpers de Facebook...

¡increible!... ya estoy mareado.

Etiquetas: bordes, gadgets
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:13.