Multiple Soft Silver Glow Boxes - iFrame (No Background)
-
Remember to FIRST read the tutorial BEFORE you try and install an iFrame layout!
-
This is an extremely fast loading layout, perfect for people with slow internet connections.
-
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! -
You’ll need to make the ‘Add Me’ and ‘Chat Me’ links work correctly by adding your username in here:
USERNAME HERE INCLUDING THE GUEST_ PART IF YOU ARE ONE
-
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. -
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 goesTOP_BOX
: Welcome messageLEFT_BOX
: Mini info box/Contact infoBOTTOM_BOX
New Products/Music PlayerSCROLL_BOX
: Scrolling message/tickerAVATAR_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/31/Untitled-1.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="black">
<div id="MAIN_BOX" style="width:575px;height:375px;position:absolute;left:275px;top:351px;z-index:1;overflow:auto;"></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&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; }