1. Remember to FIRST read the tutorial BEFORE you try and install an iFrame layout!

  2. This is an extremely fast loading layout, perfect for people with slow internet connections.

  3. This layout has NO background to it, this was done so you can freely add your own in. To do that, find the bit of code that says "background-image:url(http://ENTER BACKGROUND URL HERE);" it should be very near the top. Then paste the URL of your background over "http://ENTER BACKGROUND URL HERE" - and you’re done!

  4. You’ll need to make the ‘Add Me’ link work correctly by adding your username in here: USERNAME HERE INCLUDING THE GUEST_ PART IF YOU ARE ONE

  5. For the ‘Message Me’ to work, you need to replace the following with your user ID: ENTER IMVU ID HERE. You can find your user id by pressing on your username to get to your avatar page and then looking at the numbers on the address bar.

  6. This is a bit of a complicated layout and would be best used for people who understand HTML. This is because there are multiple DIVs (panels/boxes), I shall go through them one by one:

  • MAIN_BOX: This is where the iFrame goes
  • TOP_BOX_1: Welcome message
  • TOP_BOX_2: Music Player
  • LEFT_BOX: Mini Info Box
  • SCROLL_BOX: Scrolling message/ticker
  • AVATAR_IMAGE: Avatar image

Those descriptions are just how I imagined them to be used. If you do not want a music play in the middle panel - you don’t have to, rather have the welcome sign there instead? Go ahead! Feel free to use the panels however you want :)

  • Regarding AVATAR_IMAGE, you just gotta copy and paste the URL of your avatar image/display picture over this URL: http://jkb123.net/RRLayouts/avatar.jpg, but it MUST be 160×220 – the size determined by IMVU.

If you do not want to put your avatar image/display picture there and want to just fill it with stickers just delete all this:

<img src="http://jkb123.net/RRLayouts/avatar.jpg">

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

body{
background-image:url(http://ENTER BACKGROUND URL HERE);
background-repeat:repeat;
background-attachment:fixed;
background-position:center}
#main{background:none;border:none}

<font size="1" face="verdana" color="white">
<div id="MAIN_BOX" style="width:600px;height:450px;position:absolute;left:250px;top:351px;z-index:1;overflow:auto;"></div>
<div id="TOP_BOX_1" style="width:600px;height:125px;position:absolute;left:250px;top:51px;z-index:1;overflow:auto;">
Top Box for top stuff like a welcome banner or just delete all this text and put a sticker over this

This will scroll if needed :)
</div>

<div id="TOP_BOX_2" style="width:600px;height:125px;position:absolute;left:250px;top:201px;z-index:1;overflow:auto;">
Top Box 2 for music player

This will scroll if needed :)
</div>

<div id="LEFT_BOX" style="width:175px;height:270px;position:absolute;left:50px;top:281px;z-index:1;overflow:auto;">
Left Box for mini info box

This will scroll if needed :)
</div>

<div id="AVATAR_IMAGE" style="width:160px;height:220px;position:absolute;left:58px;top:54px;z-index:1;">
<img src="http://jkb123.net/RRLayouts/avatar.jpg" width="160" height="220"></div>

<div id="SCROLLBOX" style="width:600px;height:25px;position:absolute;left:250px;top:831px;z-index:1;">
This should ssssscccccrrrrrooooollllllllll</div>

<map name="ImageMap1">
<area shape="rect" coords="103, 595, 176, 624" href="http://HOME URL HERE" target="inlineframe">
<area shape="rect" coords="71, 624, 206, 653" href="http://ABOUT ME URL HERE" target="inlineframe">
<area shape="rect" coords="76, 654, 199, 683" href="http://FRIENDS URL HERE" target="inlineframe">
<area shape="rect" coords="98, 683, 175, 712" href="http://MORE URL HERE" target="inlineframe">
<area shape="rect" coords="54, 742, 222, 771" href="http://www.imvu.com/catalog/web_send_message.php?recipient_id=ENTER IMVU ID HERE" target="_blank">
<area shape="rect" coords="80, 777, 190, 802" href="http://www.imvu.com/catalog/web_add_contact.php?contact=USERNAME HERE INCLUDING THE GUEST_ PART IF YOU ARE ONE" target="_blank">
<area shape="rect" coords="82, 804, 195, 833" href="StartIM?avatar=USERNAME HERE INCLUDING THE GUEST_ PART IF YOU ARE ONE&amp;fromSite=1t">
</map>

#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; }

Add your products here