Div flotante para aceptar la ley de cookies

Hoy vamos a ver un ejemplo muy sencillo de como hacer uns div flotante para aceptar la nueva ley de cookies, se trata de un aviso explicando a nuestros visitantes que utilizamos cookies para mejorar su navegación por nuestro sitio web. Solo usaremos php y html.

Vamos con el ejemplo:

Captura



Php

<?php if (isset($_GET['aceptar'])){
	
	setcookie("cookie", 'ok', time() + (7 * 24 * 60 * 60),"/");
	
	header('Location: '.$_SERVER['PHP_SELF']);

}
?>

Html

<?php if (!isset($_COOKIE['cookie'])){?>
<div class="flotante" id="flotar">Nueva pol&iacute;tica de cookies <a href="<?php echo $_SERVER['PHP_SELF'] ?>?aceptar">Aceptar</a></div>
<?php }?>

Css (Opcional)

<style>
body {
	margin:0px;
	
}
.flotante  {
	width: 100%;
	  height: 40px;
	  background: #1C6E83;
	  color: #fff;
	  position: fixed;
	  top: 0; /*Flotante arriba: top: 0; Flotante abajo: bottom:0;*/
	  text-align: center;
	  line-height: 39px;
	  border-top: 1px solid #003586;
	  font-family: sans-serif;
}
.flotante a {
	color:#fff;
}
</style>

Demo

Si te a gustado el post compártelo! No te cuesta nada..