[Duda] Como hacer que aparezca una capa en la web.

anonimo12121 · 30 Noviembre 2012, 19:17 PM

Buenas quería saber si me podeís decir como se hace esto que esta aquí debajo es es como una especie de ventana que aparece en la web y se puede cerrrar dandole la opción corespondiente de la capa que aparece.

#!drvy · 30 Noviembre 2012, 19:34 PM

Hola,

Se hace con una capa oculta que tiene position:absolute/fixed; y luego se muestra/oculta mediante javascript.

Código (html4strict) [Seleccionar]

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Capa</title>
<style>
   #capa {
      /* Posicion absoluta para que se superponga a los demas elementos */
      position:absolute;
      width:100%;
      height:100%;
      background:#000;
      /* hacerla oculta por defecto */
      visibility:hidden;
      padding:5px;
      top:0px;
      left:0px;
      color:#FFF;
   }
</style>
<script>
   // Buscamos el elemento con ID "capa" y le damos visibilidad = visible.
   var activar_capa = function(){document.getElementById('capa').style.visibility = 'visible';}
</script>
</head>
<body>
   <div onclick="activar_capa();">Activar capa</div>
   Algun texto raro.... xD
   <div id="capa">
      Este texto esta dentro de la capa... xD
   </div>
</body>
</html>

La puedes personalizar muchísimo mas pero es mas o menos para que veas como va la cosa xD

PD: Ya no te veo por el skype ¬¬

Saludos

anonimo12121 · 30 Noviembre 2012, 23:41 PM

Gracias =D dios te bendiga con bitches!

Test Foro de elhacker.net SMF 2.1

[Duda] Como hacer que aparezca una capa en la web.

anonimo12121

#!drvy

anonimo12121