Multiple Clean Dark Boxes 2.0 IMVU iFrame Layout (No Background)

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 5 DIVs (panels/boxes – six 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 iFrame goes
2: RIGHT_BOX: Mini Info Box
3: BOTTOM_LEFT_BOX: Music Player
4: BOTTOM_RIGHT_BOX Updates/To Do List/Whatever
5: AVATAR_IMAGE: Avatar image
6: SCROLL_BOX: Scrolling message/ticker

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 47.51 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!