<style type="text/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; } </style> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> </script> <script type="text/javascript"> jQuery(document).ready(function() { 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()) { jQuery('body').append('<div id="overlayblack"></div>'); jQuery('body').css('overflow-x','hidden'); var siteheight = jQuery('body').outerHeight(); var sitewidth = jQuery('body').outerWidth(); jQuery('#overlayblack').css('height', siteheight + 400); var mouseX = 0; var mouseY = 0; jQuery(document).mousemove( function(e) { mouseX = e.pageX - (sitewidth / .2); mouseY = e.pageY - ((siteheight + 400)/2); jQuery('#overlayblack').css({backgroundPosition: mouseX + 'px' + ' ' + mouseY + 'px' }); }); jQuery('body').append('<div id="blackclose"><a href="#" class="fright">zamknij</a><p><a href="http://www.facebook.com/Actazablokowalowiadomosc">niebawem tak może wyglądać internet - NIE dla ACTA!</a></p></div>'); jQuery('#blackclose a').click(function(){ jQuery('#overlayblack').remove(); jQuery('#blackclose').remove(); setBlackdownCookie(); }); } }); </script>Skrypt kopiujemy przed znacznik
</body>w odpowiednim pliku (w phpbb by przemo templates/#styl#/overall_footer.tpl )
Użytkownik Kserokopie edytował ten post 25.01.2012 19:18