You are on page 1of 3

<center>

<img src="http://jkb123.net/RRLayouts/DIV/29/Layout.png" width="900"


height="900" 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="white">

<div id="MAIN_PANEL" style="width:796px; height:295px; position:absolute;


left:52px; top:430px; 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="white"' 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="TOP_LEFT_PANEL" style="width:272px; height:248px; position:absolute;


left:52px; top:52px; z-index:1; overflow:auto;">
Top left panel for updates/blog/whatever
<p>
This will scroll if it gets too long :)
</div>

<div id="TOP_RIGHT_PANEL" style="width:272px; height:248px; position:absolute;


left:577px; top:52px; z-index:1; overflow:auto;">
Top right panel for mini info box/whatever
<p>
This will scroll if it gets too long :)
</div>

<div id="BOTTOM_PANEL" style="width:796px; height:98px; position:absolute;


left:52px; top:752px; z-index:1; overflow:auto;">
Bottom panel for new products/music player/stickers/whatever
<p>
This will scroll if it gets too long :)
</div>

<div id="SCROLL" style="width:796px; height:20px; position:absolute; left:52px;


top:406px; z-index:1; overflow:auto;">
<marquee>This should scroll... Ssssccccrrrroooollll.... This can be used as a ticker... or
whatever :P</marquee>
</div>

<div id="AVATAR_IMAGE" style="width:160px; height:220px; position:absolute;


left:370px; top:66px; z-index:1;">
<img src="http://jkb123.net/RRLayouts/avatar.jpg">
</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>

</center>

You might also like