Tecnología

Inicio

Cómo hacer un marco flotante transparente

Cómo hacer un marco flotante transparente


Un iFrame se utiliza para insertar una página HTML en otra. Esto se hace con la etiqueta IFRAME, que se carga una página de HTML externo y colocarlo dentro de una existente. Esto puede ser útil si desea realizar el mismo contenido en varias páginas diferentes, pero quiere su contenido circundante a ser diferente. iFrames se pueden personalizar en una variedad de estilos CSS usando manera, lo que supone hacerlas transparentes.

Instrucciones

1 Abra un editor de texto, como el Bloc de notas o editar texto. Haga clic en "Archivo" y luego "Abrir" y vaya al archivo que desea insertar como un iFrame. Esto debe tener una extensión de HTML. Haga clic en el archivo y seleccione "OK" para abrirlo.

2 Busque la parte de la página que está después de la cabecera. Esto será justo después de la etiqueta "</ head>" si tiene un encabezado. Si no es así, a continuación, haga clic en la parte superior de la página. Inserte el siguiente código:

<STYLE cuerpo = "background-color: transparente">

Esto hará que su marco flotante tiene un fondo transparente. Guarde el archivo.

3 Abra el archivo que desea insertar el marco flotante en el editor de textos. Esto también debe tener una extensión de HTML, aunque puede ser PHP, también.

4 Desplazarse hacia abajo hasta que vea la parte de la página en la que desea insertar el marco flotante. Inserte el siguiente código:

<Iframe name = "marco" allowtransparency = "true">

Reemplazar "Iframe.html" con el nombre del archivo que se crea. Puede cambiar la "ventana" a cualquier título que desea dar a su iFrame.

5 Sube ambos archivos a su sitio web. Asegúrese de que están en el mismo directorio o el archivo no reconocerá su iFrame. El marco flotante que insertó ahora será transparente.

Consejos y advertencias

  • IFrames no se van a plantear en los motores de búsqueda, por lo que no se inserte demasiado valioso contenido dentro de ellos.