gotFusion.com....... Where your adventure begins
Full Service Web HostingNetObjects Fusion 7 Websites Portal

 


 


This page covers the basics of how to do iframes. BUT there is much more on the gotFusion extend support members tutorials like how to do screen grabs, a how to making your scrollbars match the colour scheme of your iframe, and so much more that I can go over in here, but for starters here is a nifty FREE Iframe code generator with a preview function to take all the pain out of coding and testing that will give you a taste of what is available to gotFusion extended support members.

The iframe described on this page is this one:

 

Basics   To put an iframe on a NOF page, do this:

Use the gotFusion Iframe generator to write your Iframe code

Draw a text box where you want the iframe to be, or use an existing text box.

Click your mouse where you want the iframe to be, hit Control-T.

Put your iframe code into the code entry box.

All of the code used to created the example iframe above is

<IFRAME SRC="i_content.html" WIDTH=600 HEIGHT=250 FRAMEBORDER=1 SCROLLING=auto></IFRAME>

Use the gotFusion iframe generator to change the width and height to suit yourself. Make the frameborder 1 or 0 (for on or off) and make scrolling auto, yes, or no.

You can pull the iframe content from anywhere. Change "i_content.html" in the code above to reflect your content page (including its path if it's not in the same directory as its parent page), or make it a full URL if the content is from elsewhere on the web eg

A relative path:

<IFRAME SRC="../your.html" WIDTH=etc...

or an absolute reference:

<IFRAME SRC="http://www.yoursite.com/your.html" WIDTH=etc...

Important: Don't leave any "gap" for the iframe to fill. The length of your page will adjust to fit the iframe. When you insert code like this into a NOF page, the look in NOF won't be wysiwyg, so you may need to publish and test a few times to get the width etc right.

If you want to know more about Iframes along with what you can do with Iframes and you are a gotFusion extended support member Click this Link to continue on to the more advanced tutorial information

Return to the TOP of this page


|  Fusion  |  Web Design  |  Hosting  |  Resources  |  gotFusion Store  | 

Problems with this page?  

All content copyright © 2002 gotFusion LLC.  The name gotFusion and the gotFusion ® logo are registered trademarks of gotFusion LLC
Copyright, legal notice & privacy statement