Código HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>A Simple Modal: Redux</title>
<link href="http://themes.static.deseloper.org/themes/examples/base.css" type="text/css" rel="stylesheet" />
<link href="styles/modal-window.css" type="text/css" rel="stylesheet" />
<!--[if lte IE 6]><link href="styles/modal-window-ie6.css" type="text/css" rel="stylesheet" /><![endif]-->
</head>
<body>
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 25px; background: #000; color: #fff; padding: 15px 0 0 0; overlflow: hidden;"><a style="margin-left: 30px;" href="http://deseloper.org">« Back to Deseloper.org</a></div>
<div style="position: absolute; left: 0; top: 40px;">
<script type="text/javascript"><!--
google_ad_client = "pub-6411809547640783";
/* Examples - Wide Vertical */
google_ad_slot = "0507563986";
google_ad_width = 160;
google_ad_height = 600;
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
<div style="position:relative; margin-left: 200px; top:80px">
<h2>A Simple Modal: Redux</h2>
<h3 style="margin-top:50px;"><a href="modal.html" onclick="$(this).modal({width:833, height:453}).open(); return false;">→ Modal iFrame</a></h3>
<h3 style="margin-top:50px;"><a href="images/greenman.jpg" onclick="$(this).modal({width:500, height:375}).open(); return false;">→ Modal Image</a></h3>
<h4 style="margin-top:50px;"><a style="color:#CCBEBE" href="http://deseloper.org/downloads/examples/simple-modal-redux/simple-modal-redux.zip">→ Download Source</a></h4>
</div>
<script type="text/javascript" language="javascript" src="scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" language="javascript" src="scripts/modal-window.min.js"></script>
</body>
</html> 
