Tema: Ventana "de registro" en web
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 28/01/2012, 17:42
Polkiko
 
Fecha de Ingreso: enero-2011
Mensajes: 59
Antigüedad: 13 años, 3 meses
Puntos: 2
Respuesta: Ventana "de registro" en web
Cita:
Iniciado por doword Ver Mensaje
codigo HTML....
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Documento sin título</title>
  6. <style type="text/css">
  7. * {
  8.     padding:0;
  9.     margin:0;
  10.     color:red;
  11. }
  12. #fondo-oscuro {
  13.     background:url(http://miaguilaroja.com/portada/img/bg-emerge.png);
  14.     height:100%;
  15.     width:100%;
  16.     position:absolute;
  17.     z-index:2;
  18.     left:0px;
  19.     top:0px;
  20. }
  21. #cotenido {
  22.     width:500px;
  23.     background:#00F;
  24.     margin:50px auto 0 auto;
  25. }
  26. </style>
  27. <script type="text/javascript">
  28. function show_form1() {
  29.     document.getElementById('fondo-oscuro').style.display='block';
  30. }
  31. function hide_form1() {
  32.     document.getElementById('fondo-oscuro').style.display='none';
  33. }
  34. </script>
  35. </head>
  36.  
  37. <body>
  38. <!-- fondo oscuro-->
  39. <div id="fondo-oscuro" style="display:none;">
  40.  
  41. <div id="cotenido">
  42. <p>prueba, del texto!</p>
  43.  
  44. <p style="text-align:center !important;"><a href="#" onclick="hide_form1()">cerrar</a></p>
  45. </div>
  46. </div>
  47. <!-- termina fondo oscuro-->
  48.  
  49.  
  50. <p>hola como estas?</p>
  51. <p><a href="#" onclick="show_form1()">¡CLIC AQUI!</a></p>
  52. </body>
  53. </html>

funciona de la sig manera...

ya esta establecido que "fondo-oscuro" no se vera, pues y cuando hagas y podras ver 2 funciones que son "show_form1()" y "hide_form1()" cada una ya se explica como funciona por su propio nombre...

si tienes preguntas dime y juega un poco con el codigo para que lo entiendas...
!Muchisimas gracias Doword!
Era justo lo que quería, y ya lo he acondicionado perfectamente con CSS todos lo que queira poner dentro.
Un saludo a todos!