<div id="msg_pattern" class="msg_hide"> {* le block qui masque la page avec une transparence*}
  <div id="msg_content"> {* le conteneur du message*}
    <img src="http://piwitheme.fr/demoTheme/images/piwitheme_logo_litle.png"/> {*un logo, une image ou ce que vous voulez*} 
    <h1>Bienvenue</h1>
    <p>Ce site est un site de demo pour les thèmes créés par Piwitheme pour Piwigo</p>
    <p>Piwigo est un logiciel de galerie photo pour le web, bâti par une communauté active d'utilisateurs et de développeurs. Pour en savoir plus rendez-vous sur <a href="http://fr.piwigo.org/" target="_blank">piwigo.org</a></p>
{*votre message*}
    
      <div id="msg_but">
        <input id="msg_exit" type="button" onclick="ent()" value="entrer">{*le bouton de sortie*}
      </div>
  </div>
</div>

#msg_pattern{
Background:rgba(0,0,0,0.9)
;width:100%;
height:100%;
position:fixed
;z-index:10000
}
#msg_content{
color:#000000;
position:relative;
width:500px;
height:400px;
background:#fff;
top:100px;
margin:auto;
padding:15px
;border-radius:10px
}
#msg_content h1{
color:#000000;
text-align:left;
font-size:2.2em
}
#msg_content a{
color:#EB8724;
text-decoration:none
}
.msg_hide{
display:none
}
.msg_visible{
display:block
}
#msg_exit{
Width:200Px;
height:30px;
color:#343434;
-moz-box-shadow:0px 0px 10px #343434;
-webkit-box-shadow:0px 0px 10px #343434;
-o-box-shadow:0px 0px 10px #343434;
box-shadow:0px 0px 10px #343434;
-moz-border-radius:10px;
-webkit-border-radius:10px;border-radius:10px;
border:1px solid #656565;
background:#FECC12;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FECC12", endColorstr="#EB8724");
background-image:-webkit-gradient(linear, left top, left bottom, from(#FECC12), to(#EB8724));
background-image:-moz-linear-gradient(top center, #FECC12, #EB8724);
background-image:-o-linear-gradient(top, #FECC12, #EB8724);
}
#msg_but{
width:200px;
margin:30px auto
}

{footer_script}{literal}
function SetCookie (name, value) {
  var argv=SetCookie.arguments;
  var argc=SetCookie.arguments.length;
  var expires=(argc > 2) ? argv[2] : null;
  var path=(argc > 3) ? argv[3] : null;
  var domain=(argc > 4) ? argv[4] : null;
  var secure=(argc > 5) ? argv[5] : false;
  document.cookie=name+"="+escape(value)+
    ((expires==null) ? "" : ("; expires="+expires.toGMTString()))+
    ((path==null) ? "" : ("; path="+path))+
    ((domain==null) ? "" : ("; domain="+domain))+
    ((secure==true) ? "; secure" : "");
}
function getCookieVal(offset) {
  var endstr=document.cookie.indexOf (";", offset);
  if (endstr==-1)
          endstr=document.cookie.length;
  return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
  var arg=name+"=";
  var alen=arg.length;
  var clen=document.cookie.length;
  var i=0;
  while (i<clen) {
    var j=i+alen;
    if (document.cookie.substring(i, j)==arg)
                        return getCookieVal (j);
                i=document.cookie.indexOf(" ",i)+1;
                        if (i==0) break;}
  return null;
}
  
$(function(){
  var $msg_welcome=GetCookie('msg_welcome');
  if ($msg_welcome==null){
    $('#msg_pattern').removeClass('msg_hide');
    $('#msg_pattern').addClass('msg_visible');
      };
});

function ent(){
    $('#msg_pattern').removeClass('msg_visible');
    $('#msg_pattern').addClass('msg_hide');
    var pathname=location.pathname;
    var myDomain=pathname.substring(0,pathname.lastIndexOf('/')) +'/';
    var date_exp = new Date();
    date_exp.setTime(date_exp.getTime()+(30*24*3600*1000));
    SetCookie("msg_welcome","1",date_exp,myDomain);
}

{/literal}{/footer_script}