Simple iFrame tutorial

cityStatic

Seasoned Veteran
Joined
Aug 4, 2009
Messages
3,817
Reaction score
0
FP$
45
Well, I do agree that iFrames are somewhat retarded, but I'll just do this to show you how easy they are to make (my first tut! yay!).

You start out with a .html document.

Add in your needed stuff.

Your code should look somewhat like this:

Code:
<html>
<body>

</body>
</html>

Then you add in the following code between <body> and </body>

Code:
<iframe src ="SOME WEBSITE HERE!" width="100%" height="100%">
  <p>Your browser does not support iframes.</p>
</iframe>

Now, you should have this.
Code:
<html>
<body>

<iframe src ="SOME WEBSITE HERE!" width="100%" height="100%">
  <p>Your browser does not support iframes.</p>
</iframe>

</body>
</html>

Congratulaitons! You made your first iframe.

Something to show you that code works: http://files.imanga.org/iframe.html
 
like into a websirw so that you view your forum inside the website
 
Yes, but you don't use the same script. You say X% in height and width, or simply remove that part for the smallest possible iframe.
 
A few things that you also might want to mention is how to make links that target your iframe and now to keep your iframe from having a scrolling box if you don't want it to. The latter isn't very important, but the former is if you want to use the iframe to hold the content for a website (in the way that isn't recommended by SEO people).
 
iFrames are incredibly useful, and make loading quicker.

Thanks for sharing. +1 rep.
 
Back
Top Bottom