Multiple Soft Dark Glow Boxes 2.0 - 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’ link 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_1
: Welcome messageTOP_BOX_2
: Music PlayerLEFT_BOX
: Mini Info BoxSCROLL_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/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&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; }