Click here to go Home

This is my 100% OFF SALE, that's right, you pay NOTHING. Everything here is FREE! No Sample, No Trial, It's FREE!
How do I Cut Copy and Paste? Click Here              Watch the Preview for Cut|Copy|Paste




PATCAM 2010

Welcome To Cut Copy Paste, a step by step guide to totally customize Blogs. Whether you're wanting to build a website or just a really cool blog, I can show you some easy ways to get started.

Feel free to leave suggestions or comments to help make this site better in the Shout Box below.



Adding Playlist Lesson:


Created By:
PATCAM
Web Designs
Oklahoma City, Ok.


Serving the State of Oklahoma and beyond. P.W.D. is dedicated to helping small businesses get their products & services on the Internet. We can custom build a website that caters to your needs and the needs of your customers.

We understand the complexities of Internet Coding and work out all the red tape, so that when you or your customers are ready, you can enjoy all the benefits of having your very own Website.


We Build:

Websites
Order Forms
Employee Applications
Photo Galleries
Video Productions


Click Here to Learn More!




PATCAM
Amanda's Magazine

Powered by Blogger





PATCAM
Recommends:



Opera Web Browser





Thursday, February 18, 2010

How do I put an iFrame on my page?

Example:

Dictionary | Phone Book, Click one of the links to change the iFrame


Think of an iFrame as a webpage within a webpage. You can use this element for any website, for example, you could have Google as an iFrame, and utilize the Google front page on your page. Having several different resources available on your front page not only makes your site useful to users, but useful to you!


Another awesome feature about this element is that not only does it display an external website on your page, you can also make links that "target" the iFrame instead of navigating away from the page. This works great when compiling different sources of media content such as news in one iFrame and weather in another.

The code that installs into the "body" of your document looks like this:

<IFRAME SRC="http://www.youraddress.com/" TITLE="IFRAME1" SCROLLING="auto" NAME="frame1" WIDTH="500" HEIGHT="150" ALIGN="center" FRAMEBORDER="yes">
</IFRAME>

 
This is the address you want to be default when you load the page.
 
Give each individual iFrame a title.

The name of the iFrame will become relevant if you are trying to make links on your page that navigate through the iFrame rather than navigating away from the page. When you make a link to navigate the iFrame, use the name of the frame you are triggering to change; target="frame1" Example:

<a href="http://www.youraddress.com/" target="frame1">Link Name</a>

Scrolling="auto" or "yes" or "no" controls whether or not there will be scrollbars visible in the iFrame.

Frameborder controls the border of the iFrame if you want one. You can also use the height and width attributes to control the size. Be sure to define with "align" how you want the iFrame to sit on the page; left, right or center. Ok go have fun!

4 Comments:

Blogger Erik said...

Thanks for the info on I-frames. This is the first I had heard of them.

Apr 24, 2010 11:45:00 PM  
Blogger joven said...

thanks,this is my site
http://kaminyoon.blogspot.com/.. be a follower..more wedding ideas!

Sep 27, 2010 6:00:00 PM  
Blogger joven said...

http://loveumuch143.blogspot.com/..learn how to love more deeper...be a follower..thanks..

Sep 27, 2010 6:30:00 PM  
Anonymous kwpang said...

thanks for sharing, very useful info about the iframe.

Sep 30, 2010 5:58:00 PM  

Post a Comment

Comments are always welcome, please have respect when addressing other's.

<< Home


CCP - Networked Blogs on Facebook

* Website Construction or Building Websites Since 1998 in The Great State of Oklahoma
** Cut Copy Paste "Unblogged" is an archive of all the lessons from this blog and an example webpage.
PATCAMADEUS ORACLUS