ingreso y registro?? quiero este efecto!

SantiagoFlash · #1 (**permalink**) 25/09/2011, 09:56

Hola gente quisiera saber si se puede hacer con un js este efecto con el tema del registro y el ingreso como el de esta pagina http://www.kochster.com/ en el cual se abre una ventana y atras se ve la pagina

si alguien sabe se lo agradeceria muchisimo :)

HalconDivino · #2 (**permalink**) 25/09/2011, 10:27

Cita:

Iniciado por SantiagoFlash

Hola gente quisiera saber si se puede hacer con un js este efecto con el tema del registro y el ingreso como el de esta pagina [URL="http://www.kochster.com/"]http://www.kochster.com/[/URL] en el cual se abre una ventana y atras se ve la pagina

si alguien sabe se lo agradeceria muchisimo :)

Los controles ASPX tool kit Ajax pueden hacer tales efectos

http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/Default.aspx
http://www.es-asp.net/tutoriales-asp-net/tutorial-0-5312/asp-net-ajax-control-toolkit.aspx

Saludos

ThomaGutierrez · #3 (**permalink**) 25/09/2011, 10:29

Saludos.

este es el código para abrir una ventana simple. Solo es cuestión de darle estilos.

Código HTML:

<!DOCTYPE html>

<html>

	<head>

		<style>

		.ventana{

			display: none;

			position: absolute;

			top: 0%;

			left: 0%;

			width: 100%;

			height: 100%;

			background-color: black;

			z-index:1001;

			filter: alpha(opacity=50);

			opacity:0.5;

		}

		.white_content {

			display: none;

			position: absolute;

			top: 25%;

			left: 25%;

			width: 50%;

			height: 50%;

			padding: 16px;

			background-color: white;

			z-index:1002;

			overflow: auto;

		}

	</style>

	</head>

	<body>

		<p>Haz clic para <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">abrir una ventana</a></p>

		

		<div id="light" class="white_content">este es el contenido donde puedes colocar un formulario de registro<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Cerrar</a></div>

		<a href = "javascript:void(0)" onclick ="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><div id="fade" class="ventana"></div></a>

	</body>

</html>

SantiagoFlash · #4 (**permalink**) 25/09/2011, 10:37

Muchas Gracias estare Probando estos efectos :)