Hola,
Se hace con una capa oculta que tiene position:absolute/fixed; y luego se muestra/oculta mediante javascript.
<!doctype html>
#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;
}
// Buscamos el elemento con ID "capa" y le damos visibilidad = visible.
var activar_capa = function(){document.getElementById('capa').style.visibility = 'visible';}
<div onclick="activar_capa();">Activar capa
</div> Algun texto raro.... xD
Este texto esta dentro de la capa... xD
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