Tahák k tvorbě webů

HTML

Cookies lišta

HTML

Vkládám do patičky (v případě WordPress do footer.php).

<!-- cookies -->
<p id="cookie-notice">
	Web používá k chodu, personalizaci reklam a analýze návštěvnosti 
	<a href="https://policies.google.com/technologies/cookies?hl=cs" target="_blank">cookies</a>. 
	Prohlížením stránek souhlasíte s jejich používáním. <br>
	<button onclick="acceptCookie();">Souhlasím</button>
</p>
<script>
	var CookieDate = new Date;
    CookieDate.setFullYear(CookieDate.getFullYear() +1);
	function acceptCookie() { 
		document.cookie="cookieaccepted=1; expires=" + CookieDate.toUTCString() + "; path=/";
		document.getElementById("cookie-notice").style.visibility="hidden";
	}
	document.cookie.indexOf("cookieaccepted")<0&&(document.getElementById("cookie-notice").style.visibility="visible");
</script>
<!-- end cookies -->

CSS

Malé okno vlevo dole.

/* Cookies */
#cookie-notice {
	color:#fff;
	font-family:inherit;
	font-size: 0.9em;
	background:#474747 ;
	padding:16px;
	position:fixed;
	bottom:10px;
	left:10px;
	width:100%;
	max-width:300px;
	box-shadow:0 10px 20px rgba(0,0,0,.2);
	border-radius:5px;
	margin:0px;
	visibility:hidden;
	z-index:1000;
	box-sizing:border-box;
}

#cookie-notice button {
	color:inherit;
	background:#99bf3b;
	border:0;
	padding:10px;
	margin-top:10px;
	width:100%;
	cursor:pointer;
	border-radius:5px;
}

@media only screen and (max-width:600px) {
	#cookie-notice{
		max-width:100%;
		bottom:0;
		left:0;
		border-radius:0;
	}
}