1. Remember to FIRST read the tutorial BEFORE you try and install a DIV 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. 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 main stuff goes
  • TOP_BOX: Welcome message
  • LEFT_BOX: Mini info box/Contact info
  • BOTTOM_BOX New Products/Music Player
  • 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/DIV/36/Untitled-1.png" 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:575px;height:450px;position:absolute;left:275px;top:276px;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_BOX" style="width:800px;height:150px;position:absolute;left:50px;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="LEFT_BOX" style="width:200px;height:200px;position:absolute;left:50px;top:526px;z-index:1;overflow:auto;">
Left Box for mini info box

This will scroll if needed :)

</div>
<div id="BOTTOM_BOX" style="width:800px;height:100px;position:absolute;left:50px;top:751px;z-index:1;">
Bottom box for New Products, but could also be used for a music player.

This will NOT scroll if needed due to music players creating ugly scrollbars if they are put here. Blame them :P
</div>

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

<div id="Scrollbox" style="width:800px;height:20px;position:absolute;left:50px;top:230px;z-index:1;">
This should ssssscccccrrrrrooooollllllllll</div>
</font>

<map name="ImageMap1">
<area shape="rect" coords="278, 289, 321, 314" href="http://HOME URL HERE" target="inlineframe">
<area shape="rect" coords="339, 289, 418, 314" href="http://ABOUT ME URL HERE" target="inlineframe">
<area shape="rect" coords="436, 289, 505, 314" href="http://FRIENDS URL HERE" target="inlineframe">
<area shape="rect" coords="522, 289, 565, 314" href="http://MORE URL HERE" target="inlineframe">
<area shape="rect" coords="583, 289, 681, 314" href="http://www.imvu.com/catalog/web_send_message.php?recipient_id=ENTER IMVU ID HERE" target="_blank">
<area shape="rect" coords="697, 289, 761, 314" 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="776, 289, 847, 314" href="StartIM?avatar=USERNAME HERE INCLUDING THE GUEST_ PART IF YOU ARE ONE&amp;fromSite=1">
</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