ventana centrada con boton cerrar

[kalvinman]

Hola amigos de Foros del web de nuevo yo ahora molestando en otro sub-foro jejeje. xD

Queria saber como hacen esas ventanitas o cuadros de dialogoen CSS que salen pequeños en el centro y desactivan todo el contenido de la pagina hasta que el usuario le diga cerrar, es como en las galerias de AJAX con CSS, me interesa saber como se hace esa ventanita con CSS y el boton cerrar. xD

Gracias. xD

[Raulmmmm]

Creo que te refieres a un Lightbox.

[kalvinman]

Gracias amigos, ese me sirvio mucho esta muy pero muy vacano, pero no era exactamente lo que yo queria, lo que quiero es que en lugar de la imagen sea un cuadro HTML para que me entiendan mas facil y perdon por recurrir a este ejemplo, las webs de videojuegos y de DIV x y estas cosas tienen anuncios flotantes la mayoria de ellos pornograficos, pero bueno, lo que me interesa es poner un anuncio de ese tipo.
Asi como en esta pagina http://www.toptotal.com/ ven que hay un cuadro con publicidad y en la esquina un boton de cerrar, eso es lo que quiero yo. xD
Gracias

[Mikmoro]

Ponle a esa ventana algo así:

<button value="cerrar" name="cerrar" type="button" onclick="window.close();">Cerrar</button>

O como te parezca, un botón, enlace, lo que sea, teniendo claro que la cuestión está en el window.close() del onclick.

Mikel.

[kalvinman]

Es que el cuento es que no quiero que sea una ventana aparte sino un div una capa, como las de lightbox pero con contenido HTML. xD

[Mikmoro]

En el ejemplo que has puesto la forma es esta:

<a href='#' onClick='javascript:cerrarlo()'><img src='http://www.ads-servers.com/banners/imageneslayer/cerrar1.gif' width='16' height='14' border='0'></a>

Y la función "cerralo" que usa es esta.

function cerrarlo(){
if (ie4||ns6) {
crossobj.style.visibility="hidden"
crossobj.style.display="none"
} else if (ns4)
crossobj.visibility="hide"
}

Mikel.

[kalvinman]

Pero como hago para que aparesca el div???? la capa flotante.??

[Mikmoro]

Si miras el código fuente verás que esta es la caja entera:

<!-- SPONSOR -->
<div id='ads' style='position:absolute;width:480px;height:420px; z-index:1;left:257px;top: 203px; background-color: #fff;border:1px solid #555;border-bottom:2px solid #555;margin:0;padding:0;overflow:hidden;display:no ne;'> <div align='right' style='margin:0;padding:5px;background-color:#aaa'><a href='#' onClick='javascript:cerrarlo()'><img src='http://www.ads-servers.com/banners/imageneslayer/cerrar1.gif' width='16' height='14' border='0'></a></div> <div style='padding:0; margin:0'><IFRAME SRC='http://www.ads-servers.com/banner.php?id_banner=42' WIDTH='100%' HEIGHT='415px' style='border:0px;margin:0;padding:0;' BORDER=0></IFRAME></div></div><script type='text/javascript' language='JavaScript1.2' src='http://www.ads-servers.com/banners/funciones.js'></script>

<!-- SPONSOR -->

Mikel.

[kalvinman]

Gracias, ahora si perdon por mi molestadera yt erdon por no aver mirado antes el codigo de fuente. xD

[nav2003]

hola amigos, tengo una web modular programada con php cada seccion la vinculo index.php?id=empresa...

me gustaria crear una capa como esta, o como se hace en facebook en la parte inferior con la idea de que cada vez que entre a una sección esta capa permanezca fija que solo se actualice el sitio pero esta capa no, mi idea es que en esta capa quiero colocar un clip de musica podria hacerlo con frames pero no quiero usarlo.

espero su ayuda amigos.

saludos