sábado, 18 de octubre de 2014

Código Iframe con o sin scrolling para agragar en tu Html

Muchos necesitan insertar en su plantilla web "html" un fragmento (Ejemplo 600x300 px.) de otro sitio web y no saben como hacerlo. Con el simple código IFRAME HTML que daremos a continuación puedes hacer muchas cosas, por ejemplo, puedes agregar un fragmento de un sitio dentro de otro y así beneficiarte de su contenido.

Antes de agregar el código Iframe en tu sitio web tienes que saber lo siguiente: (Importante)

  • Como estamos agregando con este Código Iframe, un espejo de otro sito web en el nuestro, todos los cambios que se realicen en el se verán reflejados en el nuestro, ¿se entiende? -Por ejemplo: Si la web agregada en nuestro Iframe, cambia su información o su estructura, esos cambios se verán reflejados en nuestro espacio..

  • Otra mala experiencia con la inserción de un código Iframe "ESPEJO" de otra web en nuestro propio sito web es que podemos ser complices "involuntariamente" de un fraude o peor aun, difundir parte de un sitio web de pornografía, Violencia o distribuir un virus informático.

  • Si vas a implementar un Iframe en tu web procura que el sito a enlazar sea de tu propiedad o de confianza.
El Codigo:

<iframe name="NOMBRE DEL FRAME" frameborder=0 width=645 height="500" src="url del sitio web espejo"></iframe> 

--------------------------------------------------------------------------------------------------

Caracteristicas que puedes cambiar:

-NOMBRE DEL FRAME: (Si quieres no modifiques esto)
-url del sitio web espejo: (Agregar la url del sitio web que quieres que aparezca en tu web)
- frameborder=0: Aumenta su valor para agregar un borde a tu iframe
width=645: (Ancho del iframe)
height="500"": (Altura del Iframe)

Así quedaría ubicado el Código Iframe en tu html:


<html>
<head>
<title>Iframes</title>
</head>
<body>
<iframe name="NOMBRE DEL FRAME" frameborder=0 width=645 height="500" src="url del sitio web espejo"></iframe> 
</iframe>
</body>
</html>

También podemos agregar barras desplazadoras a nuestro Iframe con:  scrolling="Auto" o  scrolling="Yes" scrolling="No"- Quedaría así:

Con barra desplazadora:

<iframe src="http://argentain.com/"
width="600" height="400" scrolling="auto">

Sin barra desplazadora:

<iframe src="http://argentain.com/"
width="600" height="400" scrolling="No">

Si le sirvió dicha información y tiene alguna duda o sugerencia sobre este tema, deje su comentario. Gracias!

1 comentario: