1 reply to this topic

[kevin]

Hi All,

I've been experimenting with IFRAMES and their ability to place information on a page from an external site.

You can check out an example of this on

http://www.healthextension.net

in the MPrize running total in the banner.

This is created with the code..


<iframe id="amount" align="left" frameborder="0" marginheight="0" marginwidth="0" width="160" height="60" scrolling="no" src="http://www.mprize.or...izebanner.php">

</iframe>


producing the below..






I think there may be some limitations to positioning the banner in manners similar to the 'img' tag. I've tested it in NetScape, FF, and Moz as well as IE and it seems to work properly. In the future I am going to test the ability to create a banner with different color combinations passed as parameters. Any feedback is welcome.

[kevin]

I've made some changes and created a customizable banner within limits.

---

The URL for the standard banner is http://www.mprize.org/mprizebanner.php which defaults to the original style. However you can now specify some options in the URL string.

MPrize Banner URL Options

[*] style - can be 'standard' or 'blog'
This option affects the dimensions of the banner.

standard - 160px(w) by 60px(h)
blog - 88px(w) by 31px(h)

default is standard dimensions

[*]bgcolor - standard CSS color string to set the background color
example - bgcolor=FFFFFF would set the background color white
default is the standard banner background color, currently a light red tone

[*]bdcolor - standard CSS color string to set the border color
default is the color of the standard banner border (currently a red tone)

[*]bdstyle - standard CSS text string to indicate border style
possible values are 'solid', 'inset', 'outset', default is outset

[*]bdwidth - number in pixels for border width

- default is 3px.

Examples

---

Blog Style

An example of the smaller blog oriented banner syntax is below

<iframe id="amount" align="right" frameborder="0" marginheight="0" marginwidth="0" width="88" height="31" scrolling="no" src="http://www.mprize.or...789&bdwidth=1">

</iframe>

giving

---

Standard Format

and for the larger 'standard' format

<iframe id="amount" align="right" frameborder="0" marginheight="0" marginwidth="0" width="160" height="60" scrolling="no" src="http://www.mprize.or...9ff&bdwidth=2">

</iframe>

yielding





The mouse background is currently only available if you use the standard layout without options although I will try to get some transparent gifs up for the obvious colors.

Hope you a chance to try them and let me know what you think.