Me pueden ayudar con popup flontante con boton cerrar wordpress

Yefreer · #1 (**permalink**) 04/07/2011, 23:09

Buenas, tengo una web de peliculas a la cual me gustaria agregarle una popup en sima de los roproductores de videos, les dare un ejemplo de lo que quiero hacer es algo como esto: http://animeid.com/ver/naruto-shippuden-218.html, Agregar una Popup asi con el boton cerrar...

Se que el codigo va en single.php de wordpress pero alguien me podria ayudar con el codigo soy nuevo en diseño web y mas en esto que es JAVASCRIPT....

Gracias.

Panino5001 · #2 (**permalink**) 04/07/2011, 23:31

El reproductor, si es flash, debe estar definido con wmode transparent u opaque para poder colocarle un elemento div encima. Luego, el botón cerrar sólo debe cambiar el estilo a esa capa para hacerla desaparecer:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

<body>
<div style="position:absolute; width:200px; height:150px; background:#FC6; left: 192px; top: 116px; z-index:10"><div style="position:absolute;right:3px; top:3px; width:15px; line-height:15px; height:15px; border:1px solid #000;cursor:pointer; text-align:center" onclick="this.parentNode.style.display='none';">x</div></div>
<object width="560" height="349"><param name="movie" value="http://www.youtube.com/v/9582NStUdqU?version=3&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always">
  <param name="wmode" value="opaque" />
</param><embed src="http://www.youtube.com/v/9582NStUdqU?version=3&amp;hl=es_ES" width="560" height="349" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" movie="http://www.youtube.com/v/9582NStUdqU?version=3&amp;hl=es_ES" wmode="opaque"></embed></object>
</body>
</html>

Yefreer · #3 (**permalink**) 04/07/2011, 23:45

mmm aver me explico, yo tengo la web de cine lista, te dare un ejemplo: http://novoyalcine.com/ver-online-hd-transformers-la-venganza-de-los-caidos.html vez, yo quiero agregar una popup flontante ensima de ese videos, que esta en megavideo, una popup paresida a esa de animeid, como lo hago, cual es el codigo deberia poner en sigle.php que es la entrada de wordpress, porque quiero que a todas las entradas se le agrege.