Cicklow
Admin
Dseda
Verificado
Verificación en dos pasos activada
Usuário popular!
Suscripción a IA
Hola hoy aprenderán a bloquear al usuario y no permitirle ver el sitio hasta que deshabilite AdBlock (tambien podran mostrar el aviso y permitir ver el sitio).
El código es fácil de implementar, entre el <head> y </head> colocamos:
Después de <body> colocamos:
El código lo que hace es ver si la imagen (banner.gif) fue sacada de nuestro código, eso significa que tiene AdBlock activado (u otro script anti ads). Si detectamos que lo tiene activado mostramos el lightbox.
Si queremos permitirle al usuario cerrar la ventana del lightbox, solo tenemos que cambiar esto:
por esto:
Descargar código | Ver ejemplo online
Saludos!
PD: sin links de adfly como vi en otro post XD jajajaja
PD: Se agrego un fix de parte de [MENTION=44787]zasudark[/MENTION] para que funcione bien con en algunos navegadores!
El código es fácil de implementar, entre el <head> y </head> colocamos:
Inserir CODE, HTML ou PHP:
<style>
.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 20%;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
border: 16px solid orange;
background-color: [B]Enlace eliminado[/B] [/URL] ;
z-index:1002;
overflow: auto;
}
.white_content p {
color: [B]Enlace eliminado[/B] [/URL] ;
font-family: verdana;
}
</style>Después de <body> colocamos:
Inserir CODE, HTML ou PHP:
<img src="banner.gif?" width="1" height="1" id="XcVCCW">
<div id="light" class="white_content">
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" style="text-decoration:none;position:absolute;top:0px;left:0px;display:none;"><img src="closeX.png"></a>
<center>
<img src="noadblock.png"><br/>
<p>En este sitio no aceptamos el uso de AdBlock, tendrás que deshabilitarlo para ver el contenido.</p>
</center>
</div>
<div id="fade" class="black_overlay"></div>
<script type="text/javascript">
function cicklow_XcVCCW(){
if(document.getElementById("XcVCCW")==null || document.getElementById("XcVCCW").offsetHeight<=0){
document.getElementById('light').style.display='block';
document.getElementById('fade').style.display='block';
document.documentElement.style.overflow = 'hidden'; // firefox, chrome
document.body.scroll = "no"; // ie only
window.scrollTo(0, 0);
}
}
window.onload=cicklow_XcVCCW;
</script>Si queremos permitirle al usuario cerrar la ventana del lightbox, solo tenemos que cambiar esto:
Inserir CODE, HTML ou PHP:
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" style="text-decoration:none;position:absolute;top:0px;left:0px;display:none;"><img src="closeX.png"></a>
Inserir CODE, HTML ou PHP:
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" style="text-decoration:none;position:absolute;top:0px;left:0px;"><img src="closeX.png"></a>Descargar código | Ver ejemplo online
Saludos!
PD: sin links de adfly como vi en otro post XD jajajaja
PD: Se agrego un fix de parte de [MENTION=44787]zasudark[/MENTION] para que funcione bien con en algunos navegadores!
Última edição:
