cookie_zustimmung
(Editor;Rahmenlayout)
Das Tag cookie_zustimmung kann genutzt werden, um dem Besucher einmalig einen Hinweis anzuzeigen, dass die Seite Cookies nutzt.
{.cookie_zustimmung}
Folgender CSS-Code kann z. B. genutzt werden:
Balken unten auf der Seite:
#wp_cookie_zustimmung_div {
xborder: 3px dashed #F00;
padding: 10px;
position: fixed;
xright: 1em;
bottom: 0;
width: 100%;
z-index: 999;
background: #BE1E3C;
background: hsla(350,50%,50%,0.3);
color: white;
}
#wp_cookie_zustimmung_div_link {
color: red;
cursor: pointer;
text-decoration: underline;
margin-left: 20px;
}
"Fenster" in der Mitte vom Bildschirm:
#wp_cookie_zustimmung_div {
xborder: 3px dashed #F00;
padding: 15px;
position: fixed;
top: 430px;
left: calc(50% - 200px);
xright: 1em;
bottom: 0;
width: 364px;
height: 180px;
z-index: 999;
background: #EF504A;
xbackground: hsla(350,50%,50%, 0.5);
color: white;
xbox-shadow: -10px -10px 10px green, 10px 10px 15px #555555;
xbox-shadow: 10px 10px 10px #BBBBBB, -10px -10px 10px #BBBBBB, 10px -10px 10px #BBBBBB, -10px 10px 10px #BBBBBB;
box-shadow: 10px 10px 10px rgb(0 0 0 / 0.3), -10px -10px 10px rgb(0 0 0 / 0.3), 10px -10px 10px rgb(0 0 0 / 0.3), -10px 10px 10px rgb(0 0 0 / 0.3);
}
#wp_cookie_zustimmung_div a {
color: white;
}
#wp_cookie_zustimmung_div_link {
display: block;
color: red;
cursor: pointer;
text-decoration: underline;
xmargin-left: 20px;
margin-top: 10px;
text-align: center;
color: white;
}