Dopo lunghe navigazioni penso che questo codice sia un buon punto di partenza (ho dovuto rimuovere il doctype ed i link attivi nell'elemento head, metti i prefissi degli indirizzi assoluti e togli gli spazi bianchi):
[HTML]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link href="style.css" rel="stylesheet" type="text/css"/>
<link media="screen" rel="stylesheet" target="_blank" href="colorbox.css"/>
<link media="screen" rel="stylesheet" target="_blank" href="popup.css"/>
<script language="javascript" src="ajax . googleapis . com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script language="javascript" src="colorbox.js"></script>
<script>
$(document).ready(function (){
// load the overlay
if (document.cookie.indexOf('visited=true') == -1) {
scriviCookie("visited","true",60*24*365);
$.colorbox({width:"580px", inline:true, href:"#subscribe_popup"});
}
$(".open_popup").colorbox({width:"580px", inline:true, href:"#subscribe_popup"});
});
function scriviCookie(nomeCookie,valoreCookie,durataCookie)
{
var scadenza = new Date();
var adesso = new Date();
scadenza.setTime(adesso.getTime() + (parseInt(durataCookie) * 60000));
document.cookie = nomeCookie + '=' + escape(valoreCookie) + '; expires=' + scadenza.toGMTString() + '; path=/';
}
</script>
</head>
<body>
<noscript><div id="noscript">You need JavaScript enabled to view most of the demos!</div></noscript>
<div id="container">
<div id="inner_wrap">
<p>The subscription popup will activate if no cookie is set. You can manually activate the subscription box below.</p>
<a href="#" class="open_popup">Click here to open the popup</a>
<div style='display:none'>
<div id='subscribe_popup' style='padding:10px;'>
<h2 class="box-title">Never miss an update from us</h2>
<h3 class="box-tagline">Get notified about the latest tutorials and downloads.</h3>
<div id="subs-container" class="clearfix">
<div class="box-side left">
<h5>Get alerts directly into your inbox after each post and stay updated.</h5>
<a class="sub" target="_blank" href="#" title="Subscribe Now!">Subscribe</a>
</div>
<div id="box-or">OR</div>
<div class="box-side right">
<div class="box-icon"><a class="rss" target="_blank" href="#"><img src="img.jpg"/></a></div>
<h4><a target="_blank" href="#">Subscribe by RSS</a></h4>
<h5>Add our RSS to your feedreader to get regular updates from us.</h5>
<a class="sub" target="_blank" href="#" title="Subscribe Now!">Subscribe</a>
</div>
</div>
</div>
</div>
</div>
<div id="footer"> <a href="#">.................</a> | <a href="#">Subscribe</a> | <a href="#">Back To Tutorial</a><br/>
<div class="google-advert" style=" margin-top:6px; height:100px">
</div>
</div>
</div>
</body>
</html>[/HTML]
Un'osservazione al precedente listato: c'è un controllo sulla presenza del cookie, come pensavo di fare nei miei primi post. Il codice non è completamente farina del mio sacco, ma ho voluto mettere la funzione per creare i cookie. Gli effetti speciali sono nelle librerie richiamate dai file JS esterni, con il metodo fadeOut() penso che li potrai supplire altrettanto bene. Spero che posterai un bel codice che tenga conto di ciò...
Ricordati di pensare sempre a mente libera [/OT]
