A menudo, las ventanas pop ups o emergentes las llegamos a utilizar con el objetivo de mostrar un aviso publicitario por medio de una imagen, web/blog o un video de manera intrusiva.
A continuación unos ejemplos:
Imagen
En este ejemplo como ves, te muestra una imagen en la ventana:

<a href="Url-de-tu-imagen" onclick="window.open(this.href, this.target, 'top=200, left=450, width=200, height=80, toolbar=NO, Menubar=NO'); return false;">
Imagen
</a>

Sitio web
Y en este otro si observas, practicamente es el mismo código pero ahora para incluir un sitio web:
<a href="Url-de-tu-blog-o-sitio-web" onclick="window.open(this.href, this.target, 'top=350, left=100, width=900, height=800, toolbar=NO, Menubar=NO'); return false;">
Sitio web
</a>

Video
Y ahora como pudiste ver en este ultimo ejemplo, aparece incrustado un video en la ventana:
<a href="javascript:void(0);" onclick="window.open('Url-de-tu-video', 'popup', 'top=350, left=480, width=400, height=300, toolbar=NO, Menubar=NO')">
Video
</a>


La URL para que incluyas un video de youtube será como esta:
http://www.youtube.com/watch?v=rIpD7hfffQo

Para que funcione incluye después de watch esto: _popup
Ejemplo: http://www.youtube.com/watch_popup?v=rIpD7hfffQo

Si en lugar de texto en los links te decidieras por una imagen, lo puedes llevar a cabo colocando en lugar de los links el siguiente código:
<img src="Url-de-tu-imagen" />

Ejemplos:
      

Y al final, configuras los códigos como tu decidas:

top=#   (es la posición de la ventana, en este caso hacia arriba)
left=#   (también es la posición de la ventana, en este caso a la izquierda)
width=#   (es lo ancho de la ventana)
height=#   (es lo alto de la ventana)
toolbar=No   (te pregunta si quieres que aparezca la barra de herramientas, Yes o No)
Menubar=No   (te pregunta si quieres que aparezca la barra de menús)

Espero y te sean útil en algo.

Deja un comentario

                                                                                                                                                                                                                                                                                                                                                       
Ciudad Blogger

Hola, Bienvenido a Blog 2000!

Puedes seguirnos en las redes sociales o suscribirte al feed.

Blog 2000 Blog 2000 Blog 2000 Blog 2000

¡Suscríbete a nuestro blog!

Recibe en tu correo las últimas noticias del blog. Sólo ingresa tu correo para suscribirte.

Blog 2000