Saag10
Gamma
Programador
Verificación en dos pasos activada
Hola amigos, hoy vengo con otro tutorial que espero que le sirva a los que tienen páginas porno.
Lo hice lo más sencillo y limpio que pude, quizás se me fue un error o algún código de mas, si es así pido me corrijas y hagamos una comunidad más llevadera.
Lo que hace el código es poner una capa sobre tu página tapando todo lo que está detrás de ella, y así tienes un control para menores de edad.
Te muestro un ejemplo aquí
Bueno, en fin, les dejo el tutorial a continuación:
Tú mismo puedes modificar el estilo para que quede como prefieras, yo lo hice un poco simple.
Aquí vamos a crear un documento llamado functions.js y meter el siguiente código.
Después poner los scripts en tu documento html de esta manera:
Quedaría de la siguiente manera:
Si das click en «I have -18» solo abrirá una alerta y si das click en mayor de edad se cerrará la ventana obscura y seteará las cookies y taráaaaaaaan:
Les dejo mi código en Github (ahí me llamo nadien) AgeVerify.js
Bueno, eso fue todo, saludos
Lo hice lo más sencillo y limpio que pude, quizás se me fue un error o algún código de mas, si es así pido me corrijas y hagamos una comunidad más llevadera.
Lo que hace el código es poner una capa sobre tu página tapando todo lo que está detrás de ella, y así tienes un control para menores de edad.
Te muestro un ejemplo aquí
Bueno, en fin, les dejo el tutorial a continuación:
Tú mismo puedes modificar el estilo para que quede como prefieras, yo lo hice un poco simple.
Aquí vamos a crear un documento llamado functions.js y meter el siguiente código.
Insertar CODE, HTML o PHP:
var Cukie = getCookie("ageVerify");
//se crea el elemento div para mostrar la ventana falsa
$("document").ready(function(){
var square = document.createElement('div');
square.id = "Show-page";
$(square).insertBefore("body");
});
//para mostrar si no tienes las cookies
if(Cukie!="1"){
document.write('<style>#Show-page {font-family: "Comic Sans MS", cursive, sans-serif; overflow: hidden; margin: -10px; width: 100%; height: 100%; background: rgb(0,0,0); position: absolute; z-index: 99990;} h1:nth-child(odd){ margin-top: 25%; margin-left: 35%; color: red; float: left; } h1:nth-child(even){ margin-top: 25%; color: white; float:left; margin-left: 40px; } </style>');
displayBlock();
}
//para las cookies
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+d.toUTCString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) != -1) return c.substring(name.length, c.length);
}
return "";
}
//crea los elementos necesarios
function displayBlock(){
$("document").ready(function(){
old = document.createElement("h1");
teen = document.createElement("h1");
old.innerHTML = "I have +18";
teen.innerHTML = "I have -18";
$("#Show-page").append(old, teen);
//+18
$("h1:first").click(function(){
setCookie("ageVerify","1",1);
$("#Show-page").hide(2000);
});
//-18
$("h1:eq(1)").click(
function(){
window.location.href = 'javascript:alert("Sorry, you cannot get in.");';
}
);
});
}Después poner los scripts en tu documento html de esta manera:
HTML:
<script src="https://code.jquery.com/jquery-1.11.2.js"> </script>
<script src="functions.js"></script>Quedaría de la siguiente manera:
Si das click en «I have -18» solo abrirá una alerta y si das click en mayor de edad se cerrará la ventana obscura y seteará las cookies y taráaaaaaaan:
Les dejo mi código en Github (ahí me llamo nadien) AgeVerify.js
Bueno, eso fue todo, saludos
Última edición:
