Вот как вы можете это сделать
<html>
<head>
<style type="text/css">
<h1>wrapper{</h1>
position:absolute;
width:100%;
height:100%;
left:0px;
top:0px;
z-index:100;
background:rgba(0,0,0,0.5);
}
<h1>reklama{</h1>
position:fixed;
width:здесь длина вашего окна в пикселях;
height:здесь высота вашего окна в пикселях;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#reklama').children().click(function(){
$('#wrapper,#reklama').remove();
});
});
</script>
</head>
<body>
<div id="wrapper">
<div id="reklama">
Здесь должны быть рекламы
</div>
</div>
Здесь должен быть HTML код вашего сайта
</body>
</html>