Foros del Web » Creando para Internet » CSS »

div tipo popup con css...¿alguien sabe como?

Estas en el tema de div tipo popup con css...¿alguien sabe como? en el foro de CSS en Foros del Web. Saludos. En si ya se como hacer una capa que se quede en la posicion a pesar de que se mueva la pagina hacia abajo, ...
  #1 (permalink)  
Antiguo 27/02/2010, 18:53
 
Fecha de Ingreso: julio-2009
Mensajes: 55
Antigüedad: 8 años, 4 meses
Puntos: 0
Pregunta div tipo popup con css...¿alguien sabe como?

Saludos.
En si ya se como hacer una capa que se quede en la posicion a pesar de que se mueva la pagina hacia abajo, pero aun asi, no acomodarla al centro y que atras de la capa se vea un color negro( mas o menos lo que quiero hacer es como lo tiene esta pagina : http://justjared.buzznet.com/ , al cargar la pagina se imprime la capa de una publicidad).

Gracias de antemano al que me ayude en esto.


Saludos
  #2 (permalink)  
Antiguo 27/02/2010, 20:57
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: div tipo popup con css...¿alguien sabe como?

Este es uno de mis favoritos, te dejo el enlace y ve el código fuente: http://source.daphyre.net/web-tips/div-pop-up.html

La capa color negro, es un div vacío antes del pop-up, el cual tiene altura y anchura 100%, fondo negro, y con frecuencia, un opacity menor de 1 en decimales.

Espero te sirva, suerte.
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #3 (permalink)  
Antiguo 28/02/2010, 01:17
 
Fecha de Ingreso: julio-2009
Mensajes: 55
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: div tipo popup con css...¿alguien sabe como?

Muchas gracias el link me ha servido de mucho,y una de las cosas que queria saber era como centrar la div, y lo he logrado, pero aun no encuentro la manera de poner el fondo negro anterior
La div central ya se visualiza, pero la div de fondo no:

Esto es el estilo de las 2 capas

<style type="text/css">
#pop{
border:#000 solid 1px;
background:#cff;
width:200px;
height:200px;
left:50%;
top:50%;
margin-left:-100px;
margin-top:-100px;
position:fixed;
}
</style>
<style type="text/css">
#popfondo{
width:100%;
height:100%;
background-color:#000000;
position:static;
}
</style>

Y las divs estan asi:

<div id="popfondo"><div id="pop">
<p><a href="javascript:close()">[X]</a></p>
<p>¡Fijo en el centro!</p>
</div></div>

Tambien he puesto la div de fondo ( la cual nombre popfondo ), antes de la div pop:

<div id="popfondo"></div>
<div id="pop">
<p><a href="javascript:close()">[X]</a></p>
<p>¡Fijo en el centro!</p>
</div>

Pero aun asi no se visualiza la capa de fondo negro, solo la div pop.

De antemano te agradesco el enlace el cual me ha servido, gracias.


Saludos
  #4 (permalink)  
Antiguo 28/02/2010, 19:05
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: div tipo popup con css...¿alguien sabe como?

Bueno, para empezar, debe ser fixed la posición del div.

De igual forma, descubrí que si tiene su par de secretos, por lo que decidí hacerlo de paso. Aquí te dejo el link: http://source.daphyre.net/web-tips/d...ndo-negro.html

Espero te sirva. Suerte
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #5 (permalink)  
Antiguo 03/03/2010, 19:20
 
Fecha de Ingreso: julio-2009
Mensajes: 55
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: div tipo popup con css...¿alguien sabe como?

Muchas gracias por la ayuda, estabas en la razon, xD, me falto poner la posicion fixed :S
Muchas gracias por ayudarme.

Saludos

Etiquetas: popup, tipo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:28.