Roxie Rockette's

Free IMVU iFrame and DIV Layouts

What Happened?

Earlier this year, I announced that I would be closing RoxieRockette’s after fifteen years:

Not only have changes to IMVU shifted attention away from the Classic view and towards Next, thus making me unsure if there will still be a place for layouts in IMVU’s future, I personally stopped participating in IMVU many years ago, and no longer need the hosting I currently pay for which hosts the images these layouts use.

Doing so has caused exisiting layouts to break, which I tried to prevent by finding free ways to keep everything working, but I could not.

As such, all layouts ceased to work after June 1st 2024.

However, I have managed to find a way to host this page and a way for the images to be stored for download. So, if you are willing to make a few changes yourself, you can keep the images working for your layout.

How Do I Get My Layout Back?

Step 1:

Go to your layout code in your profile and look for a line like this:

<img src="http://jkb123.net/RRLayouts/iFrame/21/layout.png" usemap="#ImageMap1" width="900" height="900" border="0">

Or like this:

<img src="http://jkb123.net/RRLayouts/DIV/3/Layout.png" width="800" height="600" border="0">

Either should be near the top of your layout code.

If you have a background from here, also find the relevant code, it’ll look like this:

background-image:url(http://jkb123.net/RRLayouts/iFrame/2/background.jpg);

Step 2:

First, load up this cloud server where backups of the layout files are stored.

Then navigate to the files you are looking for. To find out where to go, look at your lines again and identify if you have an iFrame or a DIV layout, and what the layout number is.

In our examples, we need to go to three places:

Then we download these:

Step 3:

Save the image(s) to your computer by hovering over the image(s) you need and pressing the white checkbox that appears in the top-left corner of the image, and then pressing on the text “Download Selected”. Repeat until you have the images you need.

Step 4:

Go to your IMVU Photo Albums and either make a new album or enter an existing one.

Step 5:

Press on the yellow “Upload Photo” button and upload the image(s) you just saved.

Step 6:

Afterwards, click on the image(s) to load up the preview page(s) which will start with the URL of:

https://www.imvu.com/photos/photo/

Click again on the image(s) which will load up with a URL starting with:

https://userimages-akm.imvu.com/userdata/

Step 7:

Copy that new URL and return to your layout code, simply replacing the old URL with your new one, so instead of this…

<img src="http://jkb123.net/RRLayouts/iFrame/21/layout.png" usemap="#ImageMap1" width="900" height="900" border="0">

…you now have something like this (with the the 00s being your information):

<img src="https://userimages-akm.imvu.com/userdata/00/00/00/00/userpics/Snap_000000000000.png" usemap="#ImageMap1" width="900" height="900" border="0">

Step 8:

Repeat if necessary for any other images that may be in the layout code, check carefully for anything ending in .png or .jpg

As such, your new code may look something like this:

<img src="https://userimages-akm.imvu.com/userdata/00/00/00/00/userpics/Snap_000000000000.png" width="900" height="900" border="0">

body{
background-image:url(https://userimages-akm.imvu.com/userdata/11/11/11/11/userpics/Snap_111111111111.jpg);
background-repeat:repeat;
background-attachment:fixed;
background-position:center}
#main{background:none;border:none}

p.whiteshadowed {
text-shadow: #FFFFFF 0px 0px 15px;
}

<font size="1" face="verdana" color="white">
<div id="MAIN_BOX" style="width:698px;height:348px;position:absolute;left:101px;top:427px;z-index:1;overflow:auto;">
<b>Header</b>

Type here all the information you want for your page!

You can make lists like this:

Ta daaa

Ta daaa

Ta daaa

Ta daaa

Make things: <b>BOLD</b>
Make things: <i>Italic</i>
Make things: <u>Underlined</u>
Or go nuts have have it all: <u><b><i>UnderlinedBoldedItalic text!</i></b></u>

You can type as much as you want here, because if this all gets too long, the DIV will make scrollbars come up at will! w00t!

If you want to change the font, size and/or colour, look up this code and edit the parts that says '"verdana" size="1" color="white"' to your liking :)

I hope this example of your page helps you and that you are now on your way to making your IMVU homepage just like you want! :D

If you want to know more about HTML editing to improve your page, like add images and so on, I recommend the site that taught me the basics in HTML and a site I still use now when my memory fails me :P <a href="http://lissaexplains.com" target="_blank">www.LissaExplains.com</a>
</div>

<div id="TOP_RIGHT_BOX" style="width:448px;height:298px;position:absolute;left:351px;top:52px;z-index:1;overflow:auto;">
Top right box for mini info box/welcome message/whatever

This will scrollbars if it gets too long :)
</div>

<div id="SCROLL_BOX" style="width:698px;height:10px;position:absolute;left:101px;top:381px;z-index:1;">
This should scroll... Ssssccccrrrroooollll.... This can be used as a ticker... or whatever :P</div>

<div id="AVATAR_IMAGE" style="width:160px;height:220px;position:absolute;left:122px;top:66px;z-index:1;">
<img src="https://userimages-akm.imvu.com/userdata/22/22/22/22/userpics/Snap_222222222222.jpg"></div>
</font>

<font size="3" face="verdana" color="black">
<div id="NAME" style="width:198px;height:38px;position:absolute;left:101px;top:290px;z-index:1;">
<p class="whiteshadowed"><span>
your name here
</span></p>
</div>
</font>

#aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel,
#messages_panel, #tagcloud_panel, #stickers_panel, #collect_panel,
#room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel,
#streetteam_panel, #blog_panel, #video_panel_header, #music_panel, #rss_panel, #url_panel,
#special_panel,#outfits_panel {
width:900px !important;
}
#rightColumn {
display:none !important;
}

#url_panel_colRow, .imvucodes_net { display:none !important; }

.paneltitle, .panelmenu, .imvucodes_net { display:none !important; }

Notice how all the .png and .jpg files now start with the URL of:

https://userimages-akm.imvu.com/userdata/

How Do I Find More Layouts?

I don’t think there is much use for layouts in IMVU’s future. As such, I do not see a point of introducing people to them. I have only made this guide and hosted the files for download to fix layouts which have broken so people haven’t lost their homepages.

It is highly unlikely I’ll rewrite the code of nearly one-hundred layouts to now work with this new method.

It’s been a real blast, and I loved my time on IMVU in those early days exploring coding and making free layouts for others to enjoy, I just think such a time has now passed and I’m looking to move on.

Farewell!