tinybox
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title></title>
<style>
#parent_popup {
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#popup {
background: #fff;
max-width: 450px;
width: 100%;
margin: 10% auto;
padding: -1px 20px 450px 20px;
border: 0px solid #ddd;
position: relative;
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#popup h1{
font:28px Arial;
font-weight: bold;
text-align: center;
color: #008000;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h2{
font:24px Arial;
color: #008000;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.close {
background-color: rgba(0, 0, 0, 0.8);
border: 2px solid #ccc;
height: 24px;
line-height: 24px;
position: absolute;
right: -24px;
cursor: pointer;
text-align: center;
text-decoration: none;
color: rgba(255, 255, 255, 0.9);
font-size: 14px;
font-family: helvetica, arial;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
top: -24px;
width: 24px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
background-color: rgba(255, 69, 0, 0.8);
}
</style>
</head>
<body>
<p style="text-align: center;">
<a href="" alt="" /></a></p>
<h2 style="text-align: center;"></h2>
<h3 style="text-align: center;"></h3>
<p style="text-align: center;">
<a class="back" href=""></a>
</p>
<div id="parent_popup">
<div id="popup">
<h1></h1>
<a href="https://esia.gosuslugi.ru/registration/" target="_blank"><img src="http://www.itregion22.ru/wp-content/uploads/2015/02/betagosuslugi.jpg" width="450" height="450" alt="" style="float:left;margin:5px 10px 5px 0; border:0; " /></a>
<a class="close" title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';">X</a>
</div>
</div>
<script type="text/javascript">
<!--
function setCookie(name, value, expires, path, domain, secure) {
var curCookie = name + "=" + escape(value) +
((expires) ? "; expires=" + expires.toGMTString() : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "");
document.cookie = curCookie;
}
function getCookie(name) {
var dc = document.cookie;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1) {
begin = dc.indexOf(prefix);
if (begin != 0) return null;
} else
begin += 2;
var end = document.cookie.indexOf(";", begin);
if (end == -1)
end = dc.length;
return unescape(dc.substring(begin + prefix.length, end));
}
function pop()
{
var delay_popup = 3000;
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
}
var seen = getCookie("seen");
if (!seen) {
var now = new Date();
//now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000);
now.setTime(now.getTime() + 3 * 24 * 60 * 60 * 1000);//3 days
setCookie("seen", 1, now);
pop();
}
//-->
</script>
</body>
</html>
.jpg)
.jpg){kind=small}
.gif)
.jpg)
.jpg)
.jpeg){kind=small}
.jpg)
.gif)
