NOTE: If any of the pictures in here look squashed or too small (like the last four images in this tutorial), just click on them and a bigger version will pop-up :)

Made by crystalgoddess13:

Hey there and welcome to the “How to code/use an iFrame Layout” I’ll show you step by step how I did mine.

You may need a few things but don’t worry, they’re all free!

1) You’ll need a photo editing software like GIMP or PHOTOSHOP.
(This is so you can make your IMVU backround, and this isn’t important if you already have an image uploaded that you want to use.)

2) You’ll need notepad, you can find this by going under START MENU –> ALL PROGRAMS –> ACCESSORIES.

3) You’ll need a photo hosting site like PHOTOBUCKET or TINYPIC

4) And a site like RIPWAY.COM

(Ripway is what I used but you can use a different site if you know of one)

OK lets begin.

Before hand I made my own background using GIMP that can be found here http://www.gimp.org/

The image I made was 1000 x 1000.

I uploaded my image to PHOTOBUCKET and used it as my IMVU BACKGROUND

This can be done like in the picture below

Then I moved on to use Roxie’s iFrame layout.

Please NOTE that the iFrame design that I used may be different from the frame that you chose but here’s the link to the one I used

http://jkb123.net/RoxieRockette/?p=301

Now on to the iFrame pages. An iFrame is a button that when clicked, changes the text shown within a certain part of the page.

To make these you must first go to NOTEPAD and type what it is you want your iFrame pages to say.

Example: Your “about me” page.

After your done save the file as ABOUTME.html

It is very important that you save it as a .html file otherwise this wont work.

After your done with that one make a few others.

Since this particular iFrame has 4 buttons to press you need to make four of these documents.

I suggest the other three be:

Friends.html

More.html

Home.html

So all together you should have:

Home.html

Friends.html

Aboutme.html

More.html

Once you’ve got them all saved go to RIPWAY.com Make a new account if you need too and upload the NOTEPAD files that you just made.

Then go back to your uploaded files page the highlighted area are what you will need for the next part so be sure to keep this page up!

Open up a new NOTEPAD DOCUMENT paste your iFrame layout code and begin to customize the areas shown in the pictures.

It is VERY important that you don’t accidentally undo any of the coding so be VERY careful.

Now below are all the places YOU need to CUSTOMIZE :D WOOT!

PAY CLOSE ATTENTION HERE IN THE PICTURE BELOW THE CONTENT IN RED CAN BE CUSTOMIZED

THE CONTENT IN PURPLE ISN’T NEEDED FOR THIS TUTORIAL AND SHOULD BE ERASED

ALL OF THE REGULAR TEXT CAN BE EDITED LEAVE THE HTML STUFF ALONE

Same here stuff highlighted can be edited

On this last picture the spots that say enter your
Home HMTL

ABOUT HTML
etc. etc.

This is where you paste the URL code you got from RIPWAY.com

Place all the codes in the right places and there you go you have your iFrame pages.

If you read Roxie’s introduction on iFrame you’d know that you should have your Imvu Member ID number on hand. But you havent and have no idea what this means go here http://jkb123.net/RoxieRockette/?page_id=10

and read on!
All of this may confuse you but keep a clear step-by-step mind and Roxie’s words along with mine should be able to clear things up quite a bit.
Click the following link to see how everything worked out for me ;)
http://www.imvu.com/catalog/web_mypage.php?user=26101315

And so that about sums up this tutorial

As always I recommend reading the tips that Roxie provided for you and even more importantly I recommend you have some knowledge of HTML. ;)