nie testowałem
dodajemy w head
<script type=”text/javascript”
src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”>
</script>
<script type="text/javascript">
var j = jQuery.noConflict();
j(document).ready(function(){
if (new Date() > (new Date("2012/01/24 00:00")) && new Date() < new Date("2012/01/25 00:00"))
{
function getBlackdownCookie()
{
var i, name, value, cookies = document.cookie.split(";");
for (i = 0; i < cookies.length; i++)
{
name =cookies[i].substr(0, cookies[i].indexOf("="));
value = cookies[i].substr(cookies[i].indexOf("=") + 1);
name = name.replace(/^\s+|\s+$/g,"");
if (name == "blackdownCookie")
{
return unescape(name);
}
}
}
function setBlackdownCookie()
{
var exdate = new Date();
exdate.setDate(exdate.getDate() + 500);
document.cookie = "blackdownCookie" + "=" + ("1; expires=" + exdate.toUTCString());
}
function checkBlackdownCookie()
{
var username = getBlackdownCookie("blackdownCookie");
return (username != null && username != "");
}
if (!checkBlackdownCookie())
{
j('body').append('<div id="overlayblack"></div>');
j('body').css('overflow-x','hidden');
var siteheight = j('body').outerHeight();
var sitewidth = j('body').outerWidth();
j('#overlayblack').css('height', siteheight + 400);
var mouseX = 0;
var mouseY = 0;
j(document).mousemove( function(e) {
mouseX = e.pageX - (sitewidth / .2);
mouseY = e.pageY - ((siteheight + 400)/2);
j('#overlayblack').css({backgroundPosition: mouseX + 'px' + ' ' + mouseY + 'px' });
});
j('body').append('<div id="blackclose"><a href="#" class="fright">zamknij</a><p><a href="http://c3416512.r12.cf0.rackcdn.com/anty_acta_v2.html">niebawem tak może wyglądać internet - NIE dla ACTA!</a></p></div>');
j('#blackclose a').click(function(){
j('#overlayblack').remove();
j('#blackclose').remove();
setBlackdownCookie();
});
}
}
});
</script>
dodaj w CSS
#blackclose a, #blackclose a:visited {
text-decoration: none;
font-family: "Arial",Helvetica,sans-serif
}
#overlayblack {
background: -moz-radial-gradient(center center 45deg, circle closest-side, transparent 0pt, black 350px) repeat scroll 0 0 transparent;
background: -webkit-gradient(radial, center center, 0, center center, 350, from(transparent), to(rgba(0, 0, 0, 1)));
background: -o-radial-gradient(center, circle cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.74) 10%,rgba(0,0,0,1) 19%,rgba(0,0,0,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, circle cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.74) 10%,rgba(0,0,0,1) 19%,rgba(0,0,0,1) 100%); /* IE10+ */
background: radial-gradient(center, circle cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.74) 10%,rgba(0,0,0,1) 19%,rgba(0,0,0,1) 100%); /* W3C */
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 200%;
bottom: 0;
top: 0;
right: 0;
left: 0;
z-index: 2000;
}
#blackclose {
text-align: center;
height: 40px;
width: 100%;
left: 0;
position: fixed;
top: 0;
z-index: 2001;
background: #000;
}
#blackclose a{font-size: 12px; margin-right: 10px; color: #fff; margin-top: 10px;}
#blackclose p {padding: 0px; margin: 0px;}
#blackclose p a{color: #fff; font-size: 30px; padding-top: 20px;}
#blackclose .fright{ float:right; }