Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Como hacer un popup responsive

Hola amigos.
estoy intentado hacer un popup responsive con css y javascript
pero lo que nesesito solo es el CSS
Gracias
0
Puntos
1012
Visitas
1
Resp
Por pablo hace 35 meses
Experto
Respuesta #1
te dejo un ejemplo sencillo que puedes usar con una librería parecida a bootstrap pero en español:
<!--Colocar entre <head> y </head> -->
<link rel="stylesheet" href="http://www.phpres.net/css/base.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

<!--Colocar antes del cierre body </body> -->
<script src="http://www.phpres.net/js/base.js"></script>

<a onclick="modal('modal1');" class="boton boton-azul">Modal 1</a>

<div class="modal" id="modal1">
	<div class="flotante">
		<div class="flotante-encabezado">
		<span class="flotante-cerrar" id="modal1">&times;</span>
		<h4>Modal 1</h4>
		</div>
				<div class="flotante-contenido">
				Lorem ipsum dolor sit amet.
				</div>
		<div class="flotante-pie">
		<a class="boton boton-rojo" onclick="modal('modal1');">Cerrar</a>
		</div>
	</div>
<div class="fondo-transparente" id="modal1"></div>
</div>
Demo
2
Puntos
Por alber hace 35 meses
Administrador
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate