Любой HTML модуль и там разместите код в этом стиле:
Вот как сделано в этом:
<script>
function set18() {
var expires = new Date();
expires.setDate(expires.getDate()+30);
document.cookie = "visited18=true; expires="+expires.toUTCString();
}
</script>
<div id="welcome18" style="display: none;">
<div style="width: 100%; height: 100%;#FFFFFF; text-align: center;">
<div style="padding-top: 10%; text-align: center; font-weight: bold; color: #000000;">
Просматривать содержимое сайта могут только совершеннолетние лица.
<br>
Вам больше 18 лет?
<br>
<br>
<br>
<a href="http://disney.com" class="button18-no">Нет, мне меньше 18 лет</a>
<a href="#" onclick = "set18(); originalClose(); return false;" class="button18-yes" style="margin-left: 50px;">Да, мне больше 18 лет</a>
</div>
</div>
</div>
<style>
#cboxLoadedContent {
margin-bottom: 0px !important;
}
</style>
<script>
if (document.cookie.indexOf('visited18=true') === -1) {
var my_form18 = $('#welcome18').html();
var originalClose = $.colorbox.close;
$.colorbox.close = function(){
var response;
response = confirm('Вам больше 18 лет?');
if(!response){
return; // Do nothing.
}
originalClose();
};
$.colorbox({
width: "100%",
height: "100%",
scrolling: true,
returnFocusOther: true,
maxHeight: "100%",
innerHeight: "100%",
opacity: 0.5,
overlayClose:false,
closebutton:false,
onOpen: function(){
$('#cboxLoadedContent').css('margin-bottom', '0px');
$('#colorbox').css('z-index','999800');
$('#cboxOverlay').css('z-index','999800');
$('#cboxOverlay').css('opacity','0.7');
$('#cboxWrapper').css('z-index','999800');
$('#cboxBottomCenter').remove();
},
onClosed: function(){
},
title: "",
inline:true, href: my_form18});
}
</script>