Aviso de Cookies

Developer
Edgar Gutierrez: Diseñador Web Gráfico: Googleame Como "g3kdigital" ;)
Size
2,201 Kb
Views
16,192
  1. Aviso de Cookies Previews
  2. Aviso de Cookies HTML Codes
  3. Aviso de Cookies CSS Codes

How do I make an aviso de cookies?

What is a aviso de cookies? How do you make a aviso de cookies? This script and codes were developed by Edgar Gutierrez: Diseñador Web Gráfico: Googleame Como "g3kdigital" ;) on 17 October 2022, Monday.

Aviso de Cookies Previews
IQ Test

Aviso de Cookies - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Aviso de Cookies</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <script type="text/javascript"> function controlcookies() { // si variable no existe se crea (al clicar en Aceptar) localStorage.controlcookie = (localStorage.controlcookie || 0); localStorage.controlcookie++; // incrementamos cuenta de la cookie cookie1.style.display = 'none'; // Esconde la política de cookies }
</script>
<div class="cookiesms" id="cookie1">
Esta web utiliza cookies, puedes ver nuestra <a href="tu-url-donde-explicas-la-politica-de-cookies">la política de cookies, aquí</a>
Si continuas navegando estás aceptándola
<button onclick="controlcookies()">Aceptar</button>
<div class="cookies2" onmouseover="document.getElementById('cookie1').style.bottom = '0px';">Política de cookies + </div>
</div>
<script type="text/javascript">
if (localStorage.controlcookie>0){
document.getElementById('cookie1').style.bottom = '-50px';
}
</script>
</body>
</html>

Aviso de Cookies - Script Codes CSS Codes

#cookiesms:target { display: none;
}
.cookiesms{ width:100%; height:43px; margin:0 auto; padding-left:1%; padding-top:5px; font-size: 1.2em; clear:both; font-weight: strong;
color: #333;
bottom:0px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute;
left:1%;
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
}
Aviso de Cookies - Script Codes
Aviso de Cookies - Script Codes
Home Page Home
Developer Edgar Gutierrez: Diseñador Web Gráfico: Googleame Como "g3kdigital" ;)
Username g3kdigital
Uploaded October 17, 2022
Rating 3
Size 2,201 Kb
Views 16,192
Do you need developer help for Aviso de Cookies?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Edgar Gutierrez: Diseñador Web Gráfico: Googleame Como "g3kdigital" ;) (g3kdigital) Script Codes
Name
Version beta EDUHOLDING
Cambiar idioma solo css
Menu Arbol Vr 1.4
Correo fraudulento de Davivienda
Menu Arbol Vr 1.3
SynerMetrix Maqueta
Personalizando el input file
INTENTO FALLIDO DE ANIMACION SVG
Slider Molon CSS3 RWD, background-image
Demo preload liquid css only
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!