Frame Tutorial

What are Framesets?

Framesets are codings you can use on your webpage to display more than one webpage on one screen. These are very common, used among tons of webdesigners. Although I suggest using IFrames for begginers, these are very helpful once you master them, as well.

Customizing Framesets
I have been asked many times to do a tutorial on different Iframe codes. Here they are. Copy the HTML into your HTML editor, and customize for your page. The frameset cols= percentile, as you will see in the source, can be made larger and smaller as long as the sum of the percentiles is always equivalent to 100%. To make the top.html page larger, increase the 20%. Enjoy!

frameset one

<html>  <head> <title> YOUR WEBSITES NAME </title> </head> <frameset rows=20%,80% frameborder=0 framespacing=0> <frame name="top" SRC="http://www.geocities.com/loopysheepys/ADDRESS%20OF%20PAGE%201"> <frame name="main" SRC="http://www.geocities.com/loopysheepys/ADDRESS%20OF%20PAGE%202"> </frameset>  <div id="footeraddiv" name="footeraddiv">Hosted by www.Geocities.ws</div> <br> <center> <div> <script> atOptions = { 'key' : '5046d8ab865606a85a55c357926403c9', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; H5jewqpdjh6y = /geocities\.ws$|geocities\.ws\/$|geocities\.ws\/index\.php|geocities\.ws\/archive|geocities\.ws\/search|geocities\.ws\/terms-of-use\.php|geocities\.ws\/terms-of-service\.php|geocities\.ws\/about\.php/i; t38193jfrdsswdsq = document.URL; H5jewqpdjh6yfound = t38193jfrdsswdsq.search(H5jewqpdjh6y); if (H5jewqpdjh6yfound == -1) { document.write('<scr' + 'ipt type="text/javascript" src="//violentenclose.com/5046d8ab865606a85a55c357926403c9/invoke.js"></scr' + 'ipt>'); } </script> </center> </html>

frameset two

<html>  <head> <title> YOUR WEBSITES NAME </title> </head> <frameset rows=20%,80% frameborder=0 framespacing=0> <frame name="top" SRC="http://www.geocities.com/loopysheepys/ADDRESS%20OF%20PAGE%201"> <frameset cols=20%,80% frameborder=0 framespacing=0> <frame name="side" SRC="http://www.geocities.com/loopysheepys/ADDRESS%20OF%20PAGE%202"> <frame name="main" SRC="http://www.geocities.com/loopysheepys/ADDRESS%20OF%20PAGE%203"> </frameset>  <div id="footeraddiv" name="footeraddiv">Hosted by www.Geocities.ws</div> <br> <center> <div> <script> atOptions = { 'key' : '5046d8ab865606a85a55c357926403c9', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; H5jewqpdjh6y = /geocities\.ws$|geocities\.ws\/$|geocities\.ws\/index\.php|geocities\.ws\/archive|geocities\.ws\/search|geocities\.ws\/terms-of-use\.php|geocities\.ws\/terms-of-service\.php|geocities\.ws\/about\.php/i; t38193jfrdsswdsq = document.URL; H5jewqpdjh6yfound = t38193jfrdsswdsq.search(H5jewqpdjh6y); if (H5jewqpdjh6yfound == -1) { document.write('<scr' + 'ipt type="text/javascript" src="//violentenclose.com/5046d8ab865606a85a55c357926403c9/invoke.js"></scr' + 'ipt>'); } </script> </center> </html>

frameset three

<html>  <head> <title> YOUR WEBSITES NAME </title> </head> <frameset rows=15%,70%,15% frameborder=0 framespacing=0> <frame name="top" SRC="http://www.geocities.com/loopysheepys/ADDRESS%20OF%20PAGE%201"> <frameset cols=20%,80% frameborder=0 framespacing=0> <frame name="side" SRC="http://www.geocities.com/loopysheepys/ADDRESS%20OF%20PAGE%202"> <frame name="main" SRC="http://www.geocities.com/loopysheepys/ADDRESS%20OF%20PAGE%203"> </frameset> <frame name="bottom" SRC="http://www.geocities.com/loopysheepys/ADDRESS%20OF%20PAGE%204"> </frameset>  <div id="footeraddiv" name="footeraddiv">Hosted by www.Geocities.ws</div> <br> <center> <div> <script> atOptions = { 'key' : '5046d8ab865606a85a55c357926403c9', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; H5jewqpdjh6y = /geocities\.ws$|geocities\.ws\/$|geocities\.ws\/index\.php|geocities\.ws\/archive|geocities\.ws\/search|geocities\.ws\/terms-of-use\.php|geocities\.ws\/terms-of-service\.php|geocities\.ws\/about\.php/i; t38193jfrdsswdsq = document.URL; H5jewqpdjh6yfound = t38193jfrdsswdsq.search(H5jewqpdjh6y); if (H5jewqpdjh6yfound == -1) { document.write('<scr' + 'ipt type="text/javascript" src="//violentenclose.com/5046d8ab865606a85a55c357926403c9/invoke.js"></scr' + 'ipt>'); } </script> </center> </html>

Hosted by www.Geocities.ws