Banners I

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]

/* 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;">

<h1>[text text_search]</h1>

<h2>[text geo_search_location]</h2>

[psub PiclistLib.piclist_string args='arguments_that_has&tobe=passed']

</div>

<a id="cta_btn" href="[var def->regLink]" title="[text lp_click_here_for_more]">[text on_button]</a>

</div>

</div>

</body>

</html>

Mockups

Page updated

Google Sites

Report abuse