mocheaz/gist:ada1aa8042ca585e6f84

## gistfile1.php
<!DOCTYPE html>

	<head>
		<title>pub itersticiel</title>

			<script type="text/javascript">
				<!--
				    function toggle_visibility(id) {
				       var e = document.getElementById(id);
				       if(e.style.display == 'block')
				          e.style.display = 'none';
				       else
				          e.style.display = 'block';
				    }
				//-->
			</script>

		<style type="text/css">

			#popupBoxOnePosition{
				top: 0;
				left: 0;
				position: fixed;
				width: 100%;
				height: 120%;
				background-color: rgba(0,0,0,0.7);
				display: none;
			}
			.popupBoxWrapper{
				width: 632px;
				margin: 400px auto;
				text-align: left;
				position: relative;}
			.popupBoxContent{
				background-color: #FFF;
				padding: 15px;
			}
			#close {
				position: absolute;
				top: 5px;
				right: 5px;
				padding-left: 5px;
				background-color: white;
				border-radius: 50%;
			}
			svg {
				width: 20px;
			}

		</style>
		<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

	</head>


	<body
	<?php if(!isset($_COOKIE['pub'])) { ?>
	onLoad="toggle_visibility('popupBoxOnePosition');"
	<?php
	setcookie('pub', 'true', time()+60*60*24*365);
	}
	?>
	>

		<div id="popupBoxOnePosition">

			<div class="popupBoxWrapper">

				<div class="popupBoxContent">

					<a href="http://tiny.cc/enquete-implanto" target="_blank">

					<img src="popup.jpg" alt="pub">

					</a>

					<a href="javascript:void(0)" onclick="toggle_visibility('popupBoxOnePosition');" id="close">
						<svg enable-background="new 0 0 100 100" id="Layer_1" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
							<polygon fill="blue" points="77.6,21.1 49.6,49.2 21.5,21.1 19.6,23 47.6,51.1 19.6,79.2 21.5,81.1 49.6,53 77.6,81.1 79.6,79.2   51.5,51.1 79.6,23 "/>
						</svg>
					</a>

				</div>

			</div>

		</div>

	</body>

</html>
	<!DOCTYPE html>

	<head>
	<title>pub itersticiel</title>

	<script type="text/javascript">
	<!--
	function toggle_visibility(id) {
	var e = document.getElementById(id);
	if(e.style.display == 'block')
	e.style.display = 'none';
	else
	e.style.display = 'block';
	}
	//-->
	</script>

	<style type="text/css">

	#popupBoxOnePosition{
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 120%;
	background-color: rgba(0,0,0,0.7);
	display: none;
	}
	.popupBoxWrapper{
	width: 632px;
	margin: 400px auto;
	text-align: left;
	position: relative;}
	.popupBoxContent{
	background-color: #FFF;
	padding: 15px;
	}
	#close {
	position: absolute;
	top: 5px;
	right: 5px;
	padding-left: 5px;
	background-color: white;
	border-radius: 50%;
	}
	svg {
	width: 20px;
	}

	</style>
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

	</head>


	<body
	<?php if(!isset($_COOKIE['pub'])) { ?>
	onLoad="toggle_visibility('popupBoxOnePosition');"
	<?php
	setcookie('pub', 'true', time()+606024*365);
	}
	?>
	>

	<div id="popupBoxOnePosition">

	<div class="popupBoxWrapper">

	<div class="popupBoxContent">

	<a href="http://tiny.cc/enquete-implanto" target="_blank">

	<img src="popup.jpg" alt="pub">

	</a>

	<a href="javascript:void(0)" onclick="toggle_visibility('popupBoxOnePosition');" id="close">
	<svg enable-background="new 0 0 100 100" id="Layer_1" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<polygon fill="blue" points="77.6,21.1 49.6,49.2 21.5,21.1 19.6,23 47.6,51.1 19.6,79.2 21.5,81.1 49.6,53 77.6,81.1 79.6,79.2 51.5,51.1 79.6,23 "/>
	</svg>
	</a>

	</div>

	</div>

	</div>

	</body>

	</html>