Cookie-Banner mit Hintergrund 
Autor: Alexander H.Moin,
weiß jemand, wie man dem Cookie-Banner einen Hintergrund, quasi ein Overlay hinzufügen kann.
Beispiel: https://www.pfeifen-huber.de/
<style>#k:hover {opacity: 0.8;} </style>
<script> $( document ).ready(function() { setTimeout(function(){
divK=' <input id="k" style="font-size:100%;font-family:Arial;vertical-align:baseline;line-height:22px;display:inline-block;padding:8px 10px;margin:0;border:0;outline:0;border-radius:4px;text-align:center;color:rgba(255, 255, 255, 1);background-color:rgba(39, 78, 19, 1);cursor:pointer;" type="button" value="Ablehnen & Seite verlassen"></div>';
$( "#cookie-law-message .imClose" ).after( divK );
$( "#k" ).click(function() {alert("Sie haben die Datenschutzbestimmungen abgelehnt und werden diese Webseite nun verlassen.");location.href = "about:blank";}) }, 1000); });</script>
Mit folgenden Code war es mir schon einmal möglich, einen "Ablehnen"-Button einzufügen. Jetzt würde ich gerne dafür sorgen, dass die Besucher noch daran gehindert werden, den Webseiteninhalt einfach zu lesen, bevor ausgewählt wurde.
Das ist ein Shop, jetzt bloß keine Paranoia, bestellen kann man ja nicht und die Preise sind doch kein Geheimnis, also kein Besucher unnötig schikanieren, die können doch ruhig sehen was es zu kaufen gibt.
Du hast doch eine Cookie-Lösung die keine Menüauswahl erlaubt sondern nur scrollen auf der angezeigten Seite.
Was Du haben willst, ist eine Cookie-Wall, die rechtlich gesehen illegal ist. Genaueres kannst Du hier
https://www.cookiebot.com/de/cookie-walls/
nachlesen.
... x Alexander H., ...(It > De) ... ...dieser Code, den Sie gepostet haben, ist meine exklusive Erfindung für WsX5...
... um das Ende der Seite zu screenen und das KLICKEN auf den Inhalt zu verhindern, nehmen Sie die hier in "fett" angegebenen Änderungen vor/fügen Sie sie meinem Code hinzu, oder ersetzen Sie den gesamten Code:
$( document ).ready(function() {
setTimeout(function(){
divK=' <input id="k" style="position:relative;z-index:1;font-size:100%;font-family:Arial;vertical-align:baseline;line-height:22px;display:inline-block;padding:8px 10px;margin:0;border:0;outline:0;border-radius:4px;text-align:center;color:rgba(255, 255, 255, 1);background-color:rgba(39, 78, 19, 1);cursor:pointer;" type="button" value="Ablehnen & Seite verlassen"></div>';
$( "#cookie-law-message .imClose" ).after( divK );
$( "#k" ).click(function() {alert("Sie haben die Datenschutzbestimmungen abgelehnt und werden diese Webseite nun verlassen.");
location.href = "about:blank";})
$( "#cookie-law-message" ).prepend( '<div style="position:fixed;left:0px;top:0px;z-index:-1; width:100%;height:100%;background-color:black;opacity:0.5"> </div>');
}, 1000); });
_______________________________
ciao
.
Autor
@KolAsim: Dann habe ich mich wohl etwas missverständlich ausgedrückt. Es sollte eigentlich nicht so klingen, als sei dieser von mir.
... ciao...
...