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

3120
Visitas

1
Resp

Por pablo hace 104 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 104 meses

Administrador