NOTE 1: This is a bit of a complicated layout and would be best used for people who understand HTML. This is because there are multiple things going on, one iFrame and 2 DIVs (panels/boxes – 3 if you include the iFrame, but we’re not :P), I shall go through them one by one:

1: MAIN_BOX: This is where the main stuff goes
2: LEFT_BOX: Mini Info Box
3: AVATAR_IMAGE: Avatar image

If you want to see how I filled in a similar layout to this to give you an idea what this layout might look like if done 100%, here’s an old dummy I made.

NOTE 2: 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.

NOTE 3: The screen shot above shows this layout with a white background, but this layout has NO background to it. I made this layout with no background 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!

NOTE 4: This is a fast loading layout (The main layout image is 23.4 kB, compare that to this layout where the background is 200.69kb and the main layout image is 120.48kb). Perfect for people with slow internet connections.

Remember to FIRST read this page BEFORE you try and install an iFrame layout!

<center> <img src="http://jkb123.net/RRLayouts/iFrame/41/Layout.png" width="900" height="525" border="0" usemap="#ImageMap1"> <style>body{ background-image:url(http://ENTER BACKGROUND URL HERE); background-repeat:repeat; background-attachment:fixed; background-position:center} #main{background:none;border:none} </style> <font face="verdana" size="1" color="black"> <div id="MAIN_BOX" style="width:600px; height:375px; position:absolute; left:250px; top:76px; z-index:1; overflow:auto;"> <iframe src="http://HOME URL HERE" name="inlineframe" width="600" height="375" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div> <div id="LEFT_BOX" style="width:175px; height:195px; position:absolute; left:50px; top:280px; z-index:1; overflow:auto;"> Mini info box <p> This will scroll if needed :) </div> <div id="AVATAR_IMAGE" style="width:160px; height:220px; position:absolute; left:58px; top:56px; z-index:1;"> <img src="http://jkb123.net/RRLayouts/avatar.jpg" width="160" height="220"> </div> <map name="ImageMap1"> <area shape="rect" coords="346, 53, 417, 73" href="http://HOME URL HERE" target="inlineframe"> <area shape="rect" coords="441, 53, 552, 73" href="http://ABOUT ME URL HERE" target="inlineframe"> <area shape="rect" coords="577, 53, 662, 73" href="http://FRINEDS URL HERE" target="inlineframe"> <area shape="rect" coords="685, 54, 751, 74" href="http://MORE URL HERE" target="inlineframe"> <area shape="rect" coords="358, 453, 503, 473" href="http://www.imvu.com/catalog/web_send_message.php?recipient_id=ENTER IMVU ID HERE" target="_blank"> <area shape="rect" coords="529, 453, 618, 473" 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="642, 453, 740, 473" href="imvu:StartIM?avatar=USERNAME HERE INCLUDING THE GUEST_ PART IF YOU ARE ONE&fromSite=1t"> </map> <style type="text/css"> #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; } </style> <style type="text/css"> #url_panel_colRow, .imvucodes_net { display:none !important; } </style> <style type="text/css"> .paneltitle, .panelmenu, .imvucodes_net { display:none !important; } </style> </font> </center>

http://jkb123.net/RoxieRockette/?p=653 http://jkb123.net/RoxieRockette/?p=653#comments Mon, 29 Mar 2010 00:00:15 +0000 RoxieRockette http://jkb123.net/RoxieRockette/?p=653

NOTE 1: This is a bit of a complicated layout and would be best used for people who understand HTML. This is because there are 3 DIVs, I shall go through them one by one:

1: MAIN_BOX: This is where the main stuff goes
2: LEFT_BOX: Mini Info Box
3: AVATAR_IMAGE: Avatar image

If you want to see how I filled in a similar layout to this to give you an idea what this layout might look like if done 100%, here’s an old dummy I made.

NOTE 2: 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.

NOTE 3: The screen shot above shows this layout with a white background, but this layout has NO background to it. I made this layout with no background 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!

NOTE 4: This is a fast loading layout (The main layout image is 23.55 kB, compare that to this layout where the background is 200.69kb and the main layout image is 120.48kb). Perfect for people with slow internet connections.

Remember to FIRST read this page BEFORE you try and install a DIV layout!

<center> <img src="http://jkb123.net/RRLayouts/DIV/47/Layout.png" width="900" height="525" border="0"> <style>body{ background-image:url(http://ENTER BACKGROUND URL HERE); background-repeat:repeat; background-attachment:fixed; background-position:center} #main{background:none;border:none} </style> <font face="verdana" size="1" color="black"> <div id="MAIN_BOX" style="width:600px; height:375px; position:absolute; left:250px; top:76px; z-index:1; overflow:auto;"> <b>Header</b> <p> Type here all the information you want for your page! <p> You can make lists like this:<br> Ta daaa<br> Ta daaa<br> Ta daaa<br> Ta daaa <p> 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> <p> 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! <p> 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="black"' to your liking :) <p> 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 <p> 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="LEFT_BOX" style="width:175px; height:195px; position:absolute; left:50px; top:280px; z-index:1; overflow:auto;"> Mini info box <p> This will scroll if needed :) </div> <div id="AVATAR_IMAGE" style="width:160px; height:220px; position:absolute; left:58px; top:56px; z-index:1;"> <img src="http://jkb123.net/RRLayouts/avatar.jpg" width="160" height="220"> </div> <style type="text/css"> #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; } </style> <style type="text/css"> #url_panel_colRow, .imvucodes_net { display:none !important; } </style> <style type="text/css"> .paneltitle, .panelmenu, .imvucodes_net { display:none !important; } </style> </font> </center>

]]> http://jkb123.net/RoxieRockette/?feed=rss2&p=653 0