Cicklow
- Seguidores
- 20
Admin
Dseda
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario popular!
Suscripción a IA
- Desde
- 30 May 2011
- Mensajes
- 1.101
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:
Insertar CODE, HTML o 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:
Insertar CODE, HTML o 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:
Insertar CODE, HTML o 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>
Insertar CODE, HTML o 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 edición:
