This the code you'd use for the HTML Takeover Banner - Center/Center
<script type="text/javascript">
// exampleHTMLToPage
var exampleHTMLToPage = ExpandableBanners.banner("exampleHTMLToPage", "html/expanded.html", 728, 500);
exampleHTMLToPage.setCloseImage("images/closebutton.jpg", 'right', 'bottom');
exampleHTMLToPage.animated = true;
exampleHTMLToPage.setDirection('center', 'center'); </script>
<body>
<div id="exampleHTMLToPage" style="width:728px; height:90px; background-color:rgb(30,167,221); position:relative; color:white; font-weight:bold">
<div style="display:inline-block; width:420px; font-size:28px; margin-top:20px">This is an HTML banner</div><br>
<div style="display:inline-block; width:300px; font-size:18px;">You can have an HTML content here.</div>
</div>
</body>
*The Larger HTML banner is an HTML file that gets loaded. |