Already a member?
Sign in
| Version | User | Scope of changes |
|---|---|---|
| Mar 9 2007, 6:12 PM EST | paintchip | 3 photos added |
| Mar 9 2007, 5:38 PM EST | paintchip | 526 words added |
Changes
Key: Additions Deletions
Use community forums, forms, polls, scripted applications, and other webpage gizmos in your wetpaint wiki. This is accomplished by using the HTML, <IFRAME> code along with a widget to insert an exterior webpage directly into your wiki. It offers what you might think of as a picture-in-picture type affect on your wiki page.
To set this up in your wiki you will need some knowledge of HTML coding basics, and understanding of the IFRAME attributes. If you are unfamiliar with those you can get additional information from such as the WDG information page about IFrames or by running a search for "HTML codes", or "IFRAME attributes" from any popular search engine site.
Like most HTML codes, the IFRAME has a few quirks that you'll need to keep in mind when using it:
************************
I hope these examples will show you how the iframe code has many useful purposes as well as the importants of understanding the quirkiness of this code.
To set this up in your wiki you will need some knowledge of HTML coding basics, and understanding of the IFRAME attributes. If you are unfamiliar with those you can get additional information from such as the WDG information page about IFrames or by running a search for "HTML codes", or "IFRAME attributes" from any popular search engine site.
- The IFRAME code isn't recognized by all browsers. It is important to include alternative content for those that don't read it.
- Links found on a page inside an iframe, will continue to open inside the iframe, unless the coding in the exterior page is set to target a new window.
- IFRAMES are not scalable. So be sure to set the width and height attributes.
Steps to take to include an exterior web page in your wiki:
1. Open the Easy Edit window for the wiki page where you wish to include the exterior page.
2. Click on the Widget option.
3. Choose the "Other Widget" app from the list.
4. Type your IFRAME code with the appropriate attributes in the code window.
5. Save your widget and the page changes to see the IFRAME in action.
************************
Three examples:
- Insert a Forum: http://artshares.wetpaint.com/page/CHW+Monthly+ATC+Swap
(The CHW community forum is shown in this iframe. The forums platform renders at a larger screen size than my iframe, so scrolling will be required to see entire pages in the iframe.)
- Insert a Blog or other website: http://artshares.wetpaint.com/page/PaintChip+Blog
(The iframe has my wordpress blog inside it. This one will extend past many monitors because I used a 800px width for the iframe.)
- Insert Scripted graphics or widgets: http://artshares.wetpaint.com/page/.+PaintChip
(on the bottom of the page, the flickr badge and links to the right are in an iframe.
This iframe disquised because I used the same background color as the wiki page and no scroll bars.)
I hope these examples will show you how the iframe code has many useful purposes as well as the importants of understanding the quirkiness of this code.
ATTRIBUTES for the IFRAME code tag: |
