Como Crear una Ventana Emergente en HTML

Impactos: 0

Publica un texto, imágen, banner, etc., en una entrade de un Blog, o área del Sitio Web, con un enlace que abre una ventana emergente, mediante código html, esencial para promociones, publicidad, anuncios, etc. También para mostrar contenido, como documentos (pdf, excel, texto, etc.), sin salir de la página actual.

PASOS

_ Ingresa a éste editor html gratuito
_ Agrega el Contenido en Texto
_ Agrega el Enlace

_ Configura el Enlace a ‘Ventana Emergente’
_ No marcar los Cuadros
_ Solo Agrega el Tamaño de Pantalla Completa, que es / ancho – width 1400 / alto – height 800 / Modifica dependiendo del tamaño del anuncio

_ Copiar y guardar el código generado, en una archivo de formato html / Ver tema
Como crear un archivo de código web

_ Código

<p style="text-align:center"><a href="https://vimeo.com/576020264" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=yes,fullscreen=no,scrollbars=no,dependent=no,width=700,left=10,height=700,top=10'); return false;"><span style="font-size:22px"><span style="font-family:Trebuchet MS,Helvetica,sans-serif">Ejemplo Ventana Emergente con Video</span></span></a></p>

_ Haz clic en el archivo ubicado en la carpeta, para probarlo / abrir con el Navegador
_ Si funciona bien, pega el código del archivo, mediante html, en el área deseada del sitio web.
Listo !

_ Puedes agregar otros medios (audio, video, documento…), solo agregando la URL del archivo, y se abren en ventana emergente.
_ Ejemplo / Ventana Emergente con Video.

Ejemplo Ventana Emergente con Video

Prueba la Ventana Emergente con Este Enlace

Compartir
0 0 votes
Article Rating
Subscribe
Notify of
0 Comments
Inline Feedbacks
View all comments
error: Content is protected !!
0
Would love your thoughts, please comment.x
()
x