Recent Additions:

Creating a Simple Web Advertisement

Toon Site Navigation Header

Creating Cool Celebrity Wallpapers

Shopping Site Animated Banner

Designing a Cake Shop Logo

Creating a Girlie Smiley

Drawing a Cartoon Horse

Colorful Beads Text Effect

XP Style Wind Mill Icon

Water Ripples Navigation Header

Shopping Mall Logo

Creating a Lovefool Smiley

Animated No Smoking Sign

Creating and Animating Incense Sticks

Creating a Futuristic Logo

3D Leather Text Effect

Changing Calendar Dates

Logo with Iconic Headphones

Animating a Dolphin Diving Into the Water

Creating Diamond Earrings

Animated Night to Day Effect With Rising Sun

 

Targeting iFrames

Ok, so you have an iframe and you want a link outside of the frame to change what's in it? What do you do? Follow these instructions and you'll have it in no time!

1) Take your iframe code: <iframe src="(i)" name="(ii)" scrolling="(iii)" width="(iv)" height="(v)" frameborder="(vi)"> Replace:
(i) with url of page you want to show by default in the iframe
(ii) with name the name of your iframe (can be anything you want)
(iii) with either 'auto' or 'no' depending if you want a scroll bar in your iframe or not
(iv) with a number that you want the width of your iframe to be (it will be in pixels)
(v) with a number that you want the height of your iframe to be (also will be in pixels)
(vi) with a number for the width if you want a border around your iframe (calculated in pixels). Put in '0' if you don't want one.
Here's an example: <iframe src="index.php" name="iframe" scrolling="auto" width="413" height="535" frameborder="0"> 2) For a text link outside of the iframe:<a href="(vii)" target="(viii)">(ix)</a> Replace:
(vii) with the page you want displayed in your iframe after clicking the link
(viii) with the name of your iframe (whatever (ii) was)
(ix) with the text that you want to be linked

Here's an example:<a href="about.php" target="iframe">Click here to find out about us!</a>
3) For an image link outside of the iframe:<a href="(x)" target="(xi)"><img src="(xii)" border="(xiii)"></a> Replace:
(x) with the url of the page you want to be displayed in the iframe after clicking the link
(xi) with the name of your iframe (whatever (ii) was)
(xii) with the url to your image
(xiii) with a number (in pixels) of the width you would like to be around your picture. Put in '0' if none

Here's an example:<a href="about.php" target="iframe"><img src="about.gif" border="0"></a>
There! You should be done and have mastered the art of iframes by now! =D