Cómo reemplazar elementos en Iframe

Reemplazar los elementos dentro de un marco en línea HTML o "marco flotante" para alterar el aspecto final de la trama en su sitio. código HTML iFrames consolida la codificación de todos los elementos dentro del marco en línea, al igual que una tabla HTML. En Facebook, por ejemplo, un iFrame puede contener un botón de "me gusta" y una lista de las personas que les gusta el sitio. Sustituir los elementos que tienen que ver con el diseño o contenido, dependiendo de lo que desee cambiar.

Instrucciones

1 Copia el código iFrame existente fuera de su sitio web de origen. Abra la página de su sitio web en la que finalmente desea que aparezca el cuadro, a continuación, pegar el marco en, por lo que se puede modificar allí.

2 Vuelva a colocar los elementos de diseño dentro del marco de controlar diferentes elementos del diseño. Si la trama incluye un atributo "altura" de la siguiente manera, por ejemplo:

<Iframe>

<Div id = "iframe"> <href = "http://mywebsite.com/feed/" height = "450" ​​font = "Arial"> </ div>

</ Iframe>

Vuelva a colocar el elemento de "altura" con un elemento de "ancho" y una anchura correspondiente en píxeles si la altura de la trama no importa, pero lo hace de ancho.

3 Reemplazar el valor detrás de un "div id" para ajustar el estilo de todo el marco, de acuerdo a un estilo ya utiliza dentro de su hoja de estilo en cascada, o documento CSS. Si desea que el iFrame a ser de estilo igual que su sitio web de cabecera, por ejemplo, el cambio <div id = "iframe"> a <div id = "header">.

4 Editar contenido del URL dentro del marco flotante para cambiar la información que se muestra en el cuadro. Si visualiza una fuente de contenido de su sitio web, por ejemplo, y desea cambiar a la comida de otro sitio, cambiar el código de esto:

<Iframe>

<Div id = "iframe"> <href = "http://mywebsite.com/feed/" height = "450" ​​font = "Arial"> </ div>

</ Iframe>

A esto:

<Iframe>

<Div id = "iframe"> <href = "http://myotherwebsite.com/feed/" height = "450" ​​font = "Arial"> </ div>

</ Iframe>

5 Guarde el iFrame una vez que se haya reemplazado todos los elementos que necesita para reemplazar. Ver la página en una ventana separada del navegador para asegurarse de que se ve bien.