Foros del Web » Creando para Internet » CSS »

PopUp con css

Estas en el tema de PopUp con css en el foro de CSS en Foros del Web. Saludos comunidad desearia crear 2 tipos de popups y no tengo idea como realizarlos: 1.- El primer PopUp El cual el fondo de la pagina ...
  #1 (permalink)  
Antiguo 20/06/2013, 21:12
Avatar de skyz  
Fecha de Ingreso: abril-2010
Mensajes: 170
Antigüedad: 14 años
Puntos: 1
Exclamación PopUp con css

Saludos comunidad desearia crear 2 tipos de popups y no tengo idea como realizarlos:

1.- El primer PopUp




El cual el fondo de la pagina es oscuroy la ventana del PopUp tiene su diseño caracteristico (es igual al PopUp que tiene foros del web al cerrar la sesion activa de un usuario :)).

2.- El segundo PopUp, el cual es uno que vi en un sitio web, tiene el funcionamiento siguiente: el fondo de la pagina se torna oscuro y el PopUp va bajando lentamente de arriba de la pagina, hasta posicionarse al medio de esta, tiene un comentario y el boton X de cerrar el PopUp.

Gracias por su tiempo.
  #2 (permalink)  
Antiguo 20/06/2013, 21:27
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 15 años, 8 meses
Puntos: 2237
Respuesta: PopUp con css

1- El primer PopUp no es tal, es simplemente una ventana de confirmación del navegador; normalmente la haces aparecer con:
<a href="salir.php" onclick="return confirm('Estás seguro de finalizar la sesión?');">Salir</a>

2- El segundo también requiere algo de javascript, a menos que se use alguna propiedad de CSS3 para transformación, un ejemplo puede ser: http://www.scriptiny.com/2011/03/jav...modal-windows/
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 20/06/2013, 21:52
Avatar de skyz  
Fecha de Ingreso: abril-2010
Mensajes: 170
Antigüedad: 14 años
Puntos: 1
Exclamación Respuesta: PopUp con css

Cita:
Iniciado por Triby Ver Mensaje
1- El primer PopUp no es tal, es simplemente una ventana de confirmación del navegador; normalmente la haces aparecer con:
<a href="salir.php" onclick="return confirm('Estás seguro de finalizar la sesión?');">Salir</a>
Muchas Gracias por la respuesta Triby, pero para el punto 1, desearia darle el efecto que tiene la venta del popup de la imagen (El fondo donde esta el popup se oscurece, el popup esta partido en 2 colores la primera mitad color blanco y la segundo color gris, no tiene el boton X de cerrar el popup) y no un popup comun y corriente.

Nota.- El popup del punto 1 que deseo es el mismo que te aparece cuando apretas el hipervinculo de cerrar sesion de forosdelweb :)

El punto 2, lo revisare y te dejare comentarios luego.
  #4 (permalink)  
Antiguo 20/06/2013, 22:31
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 16 años, 3 meses
Puntos: 181
Respuesta: PopUp con css

Cita:
Iniciado por skyz Ver Mensaje
Nota.- El popup del punto 1 que deseo es el mismo que te aparece cuando apretas el hipervinculo de cerrar sesion de forosdelweb :)
Como te dijo Triby, es un confirm. El efecto se lo da el mismo navegador.





Saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #5 (permalink)  
Antiguo 20/06/2013, 22:40
Avatar de skyz  
Fecha de Ingreso: abril-2010
Mensajes: 170
Antigüedad: 14 años
Puntos: 1
De acuerdo Respuesta: PopUp con css

Cita:
Iniciado por pitufoweb Ver Mensaje
Como te dijo Triby, es un confirm. El efecto se lo da el mismo navegador.
Saludos
Cierto realice la prueba y realiza el efecto deseado en firefox, es que estaba probando anteriormente en IE 8, gracias de antemano a los 2
  #6 (permalink)  
Antiguo 21/06/2013, 06:16
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: PopUp con css

Cita:
Iniciado por skyz Ver Mensaje
gracias de antemano a los 2
Hombre, de antemano, ya no.


Etiquetas: popup
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 22:23.