pop-up
Marcadores: pop-up
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
#idDOBanner{
width:400px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAS7QMrpgc9uOXyg_2l18dTwqwI4nIN_VTJdcdVrhrIGPgZeUS2MGFK3rl4RQrDt_1fGUVK5CewsHwLt33L9HVvvUCy5v_C6cOK0kyqyOclMJ_OQzmQ6do7DVLxdU6rTirD9oXS71a_AtN/s400/JessicaAlba2.jpg');
height:300px;
position:absolute;
left: 50%;
margin-left: -200px;
top: 50%;
z-index:500;
border: 2px solid #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#close{
width: 32px;
height: 32px;
position:relative;
z-index: 501;
margin-right: -15px;
margin-top: -20px;
float: right;
background: url('http://www.nrm.calpoly.edu/images/close-icon.png'); text-align:center;
cursor: pointer;
}
</style>
</head>
<body>
</body>
<div id="idDOBanner">Meu banner<div id="close"></div></div>
</html>
Assinar:
Postar comentários (Atom)
Comentários