HTML banner is built in iframe.
---------------------------------------------------------------
Sample HTML code:
~~~~~~~~~~~~~~~~~~~~~~~~~
[inc landing_pages_variables imageDirectory='folder/project']
[----- note:code was changed, this is just a sample code -----]
[def imgPath]
[var GLOBAL->GRAPHICS_DOMAIN]/folder/project/
[def regLink]
[gsub link url='register.cgi' args='lang=[var GLOBAL->LANG]&nid=43&pid=[var GLOBAL->PID]']
[def]
<style type="text/css">
/* reset CSS */
* { margin:0; padding:0; }
a { text-decoration:none; }
a, a img { border:none; }
:focus { outline:none; }
body { background:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#container { width:158px; height:598px; border:1px solid #cccccc; color:#0d4560; cursor: pointer; }
#wrapper { margin:0 1px 1px; width:156px; height:597px; background:#def1fe; text-align:center; }
h1 { font-size:12px; letter-spacing:-1px; text-decoration:underline; padding:0 0 5px 25px; line-height:23px; height:23px; background:url([var def->imgPath]hw_search_bar.png) no-repeat; }
h2 { font-size:13px; letter-spacing:-1px; padding:10px 5px 0; height:40px; }
h2 span { display:block; font-size:12px; font-weight:normal; letter-spacing:normal; padding-bottom:5px; }
#piclist { margin: 0 auto; width:140px; padding-bottom: 15px; border-bottom:1px solid #b8d2e1; border-top:1px solid #b8d2e1; font-size:11px; font-weight:bold; }
#piclist img, #piclist object, #piclist embed { border:1px solid #0d4560!important; margin-top:15px; margin-bottom:3px; }
#piclist .handle { line-height:90%; }
.legal { display:none; }
#cta_btn { display:block; margin:15px 0 0 10px; width:134px; height:29px; line-height:29px; color:#FFF; text-transform:uppercase; font-size:11px; font-weight:bold; text-shadow:-1px -1px #063948; background:url([var def->imgPath]cta_btn.png) no-repeat; }
</style>
</head>
<body>
<div id="container" onClick="javascript:window.open('[var def->regLink]'); return false;">
<div id="wrapper">
<h1>[text text_search]</h1>
<h2>[text geo_search_location]</h2>
<div id="piclist">
[psub PiclistLib.piclist_string args='arguments_that_has&tobe=passed']
</div><!-- END piclist -->
<a id="cta_btn" href="[var def->regLink]" title="[text lp_click_here_for_more]">[text on_button]</a>
</div><!-- END wrapper -->
</div><!-- END container -->
</body>
</html>
Mockups