Untitled

<!DOCTYPE html>
<html lang="pl">

  <head>
    <meta charset="utf-8" />
    <title>Cookie info</title>
    <link rel="stylesheet" href="style.css" />
  <style id="jsbin-css">
#cookieinfo * {
  margin: 2px;
  padding: 2px;
}

#cookieinfo {
  position: fixed;
  font-size: 12px;
  font-family: Arial, Verdana, sans-serif;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: #206AB5;
  padding: 20px;
  box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

#cookieinfo h6 {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
  margin-bottom: 7px;
}

#cookieinfo p {
  font-size: 12px;
  color: #dddd;
  line-height: 1.5em;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}

#cookieinfo a {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  line-height: 22px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #ff6000;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

#cookieinfo a:hover {
  background-color: #ff7925;
}

Postan
</style>
</head>

  <body>
    <h1>Hello world.</h1>
    <script src="cookieinfo.js"></script>
  <script id="jsbin-javascript">
(function() {
  var container = document.createElement('div'),
    link = document.createElement('a');

  container.setAttribute('id', 'cookieinfo');
  container.setAttribute('class', 'cookie-alert');
  container.innerHTML = '<h6>Ta strona wykorzystuje pliki cookie</h6><p>Używamy informacji zapisanych za pomocą plików cookies w celu zapewnienia maksymalnej wygody w korzystaniu z naszego serwisu. Mogą też korzystać z nich współpracujące z nami firmy badawcze oraz reklamowe. Jeżeli wyrażasz zgodę na zapisywanie informacji zawartej w cookies kliknij na &bdquo;x&rdquo; w prawym górnym rogu tej informacji. Jeśli nie wyrażasz zgody, ustawienia dotyczące plików cookies możesz zmienić w swojej przeglądarce.</p>';

  link.setAttribute('href', '#');
  link.setAttribute('title', 'Zamknij');
  link.innerHTML = 'x';

  function clickHandler(e) {
    if (e.preventDefault) {
      e.preventDefault();
    } else {
      e.returnValue = false;
    }

    document.body.removeChild(container);
  }

  if (link.addEventListener) {
    link.addEventListener('click', clickHandler);
  } else {
    link.attachEvent('onclick', clickHandler);
  }

  container.appendChild(link);
  document.body.appendChild(container);

  return true;
})();
</script>

<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html lang="pl">

  <head>
    <meta charset="utf-8" />
    <title>Cookie info</title>
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <h1>Hello world.</h1>
    <script src="cookieinfo.js"><\/script>
  </body>

</html>
</script>

<script id="jsbin-source-css" type="text/css">#cookieinfo * {
  margin: 2px;
  padding: 2px;
}

#cookieinfo {
  position: fixed;
  font-size: 12px;
  font-family: Arial, Verdana, sans-serif;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: #206AB5;
  padding: 20px;
  box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

#cookieinfo h6 {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
  margin-bottom: 7px;
}

#cookieinfo p {
  font-size: 12px;
  color: #dddd;
  line-height: 1.5em;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}

#cookieinfo a {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  line-height: 22px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #ff6000;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

#cookieinfo a:hover {
  background-color: #ff7925;
}

Postan
</script>

<script id="jsbin-source-javascript" type="text/javascript">(function() {
  var container = document.createElement('div'),
    link = document.createElement('a');

  container.setAttribute('id', 'cookieinfo');
  container.setAttribute('class', 'cookie-alert');
  container.innerHTML = '<h6>Ta strona wykorzystuje pliki cookie</h6><p>Używamy informacji zapisanych za pomocą plików cookies w celu zapewnienia maksymalnej wygody w korzystaniu z naszego serwisu. Mogą też korzystać z nich współpracujące z nami firmy badawcze oraz reklamowe. Jeżeli wyrażasz zgodę na zapisywanie informacji zawartej w cookies kliknij na &bdquo;x&rdquo; w prawym górnym rogu tej informacji. Jeśli nie wyrażasz zgody, ustawienia dotyczące plików cookies możesz zmienić w swojej przeglądarce.</p>';

  link.setAttribute('href', '#');
  link.setAttribute('title', 'Zamknij');
  link.innerHTML = 'x';

  function clickHandler(e) {
    if (e.preventDefault) {
      e.preventDefault();
    } else {
      e.returnValue = false;
    }

    document.body.removeChild(container);
  }

  if (link.addEventListener) {
    link.addEventListener('click', clickHandler);
  } else {
    link.attachEvent('onclick', clickHandler);
  }

  container.appendChild(link);
  document.body.appendChild(container);

  return true;
})();
</script></body>

</html>