Posted 13 years ago
·
Author
No longer will you have to look around the Imvu forums or Google for free layouts, now they are all in one place for your convenience.
The layouts will be separated by Author. You will find a preview, a download link and the source code of the layout here. If you chose to download the layout, you will get the preview and the source code in a zip file for easy saving.
If you are interested in the designs of non free layouts, you can find the gallery HERE. Yes they are copyrighted, yes they are stolen, so don't use them. If you do and get in trouble, that is your own fault. Just use them to get ideas for your own layouts.
Ok, on to legal layouts:
The download links are legit, you just have to wait 5 seconds for the skip button to appear to continue on to the download page. There are no surveys, spyware or viruses and it is completely free.
Author: Before
Source: http://www.imvu.com/catalog/modules.php?op=modload&name=phpbb2&file=viewtopic.php&t=312720
Preview: http://i46.tinypic.com/1zg6fl0.jpg
Code:
Preview: http://i47.tinypic.com/6dqypg.png
Code:
Preview: http://i49.tinypic.com/sv6g3l.png
Code:
Preview: http://i47.tinypic.com/jfdnw7.png
Code:
[/spoler]
Preview: http://i49.tinypic.com/bgcr37.png
Code:
[spoiler=Code]
Author: Original
Source: http://www.imvu.com/catalog/modules.php?op=modload&name=phpbb2&file=viewtopic.php&t=316948
Preview: http://originallayouts.webs.com/Gameboy/GameBoy.html
Code:
Author: Raavein
Source: http://www.imvu.com/catalog/modules.php?op=modload&name=phpbb2&file=viewtopic.php&t=329396
Preview: http://i46.tinypic.com/2ci88x0.jpg
Code:
Preview: http://i50.tinypic.com/33a5ohe.jpg
Code:
Preview: http://i50.tinypic.com/2yux5s7.png
Code:
-----------------------------
While you are here, do not forget to check out our site's IMVU Black Market, for products and services: buysell/
The layouts will be separated by Author. You will find a preview, a download link and the source code of the layout here. If you chose to download the layout, you will get the preview and the source code in a zip file for easy saving.
If you are interested in the designs of non free layouts, you can find the gallery HERE. Yes they are copyrighted, yes they are stolen, so don't use them. If you do and get in trouble, that is your own fault. Just use them to get ideas for your own layouts.
Ok, on to legal layouts:
The download links are legit, you just have to wait 5 seconds for the skip button to appear to continue on to the download page. There are no surveys, spyware or viruses and it is completely free.
Author: Before
Source: http://www.imvu.com/catalog/modules.php?op=modload&name=phpbb2&file=viewtopic.php&t=312720
Preview: http://i46.tinypic.com/1zg6fl0.jpg
Code:
Spoiler: Code
<style type="text/css">
#url_panel_colRow, .imvucodes_net { display:none !important; }
</style>
<font color ="#494949">
<div id="scroll3" style="width:642;height:45;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:5;left:135;background-color:#101010 ;">
<img src="http://i48.tinypic.com/2a7bypx.png"><img src="http://i49.tinypic.com/xdsaq.png"><img src="http://i48.tinypic.com/28lqsll.png"><img src="http://i45.tinypic.com/pxbb6.png">
You'll need to link them, sorry. href.
</div>
<div id="scroll3" style="width:180;height:250;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:70;left:135;background-color:#101010 ;">
<img src=http://i49.tinypic.com/zwdzme.png">
<center><img src=AVIPIC_LINK_HERE"></center>
</div>
<div id="scroll3" style="width:180;height:202;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:345;left:135;background-color:#101010 ;">
Sample text here
</div>
<div id="scroll3" style="width:400;height:412;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:135;left:377;background-color:#101010;">
<center> text here </center>
</div>
<div id="scroll3" style="width:400;height:45;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:65;left:377;background-color:#101010 ;">
<center>Shout out here</center>
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br />
<style type="text/css">
#URL_panel_header,.imvucodes_net { display:none; }
</style>
<style type="text/css">
#url_panel_colRow, .imvucodes_net { display:none !important; }
</style><style type="text/css">
*, .rofl { font-size:10px !important; }
</style>
Preview: http://i47.tinypic.com/6dqypg.png
Code:
Spoiler: Code
<style type="text/css">
#url_panel_colRow, .imvucodes_net { display:none !important; }
</style>
<font color ="#494949">
<div id="scroll3" style="width:180;height:250;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:10;left:55;background-color:#101010 ;">
<img src=http://i49.tinypic.com/zwdzme.png">
<center><img src=AVI_PIC_LINK_HERE"></center>
</div>
<div id="scroll3" style="width:180;height:202;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:300;left:55;background-color:#101010 ;">
Pic of text
</div>
<div id="scroll3" style="width:285;height:80;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:5;left:293;background-color:#101010;">
</div>
<div id="scroll3" style="width:285;height:307;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:90;left:293;background-color:#101010;">
<center> -</center>
<center> Ehhhhh hi</center>
</div>
<div id="scroll3" style="width:285;height:100;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:402;left:293;background-color:#101010;">
</div>
<div id="scroll3" style="width:300;height:300;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:5;left:600;background-color:#101010 ;">
</div>
<div id="scroll3" style="width:250;height:153;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:350;left:625;background-color:#101010 ;">
<center><img src=http://i50.tinypic.com/20794sn.png"></center>
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br />
<style type="text/css">
#URL_panel_header,.imvucodes_net { display:none; }
</style>
<style type="text/css">
#url_panel_colRow, .imvucodes_net { display:none !important; }
</style><style type="text/css">
*, .lol { font-size:10px !important; }
</style>
<center><img src=http://i50.tinypic.com/20794sn.png"></center>
<center><img src=http://i50.tinypic.com/20794sn.png"></center>
<center><img src=http://i50.tinypic.com/20794sn.png"></center>
<center><img src=http://i50.tinypic.com/20794sn.png"></center>
Preview: http://i49.tinypic.com/sv6g3l.png
Code:
Spoiler: Code
<style type="text/css">
#url_panel_colRow, .imvucodes_net { display:none !important; }
</style>
<font color ="#494949">
<div id="scroll3" style="width:440;height:30;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:5;left:285;background-color:#101010 ;">
</div>
<div id="scroll3" style="width:180;height:250;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:45;left:285;background-color:#101010 ;">
<img src=http://i49.tinypic.com/zwdzme.png">
<center><img src=LINK_TO_AVATAR_IMAGE_HERE!"></center>
</div>
<div id="scroll3" style="width:180;height:25;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:305;left:285;background-color:#101010 ;">
<center>Add + Message buttons</center>
</div>
<div id="scroll3" style="width:250;height:120;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:80;left:474;background-color:#101010;">
<center> About me. Blah blah blah </center>
<br><br>
<center> <i> italics </i> </center>
<br><br><br>
<center> <u>Underline</u> </center>
</div>
<div id="scroll3" style="width:250;height:120;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:212;left:474;background-color:#101010;">
<center><b>Bold</b> </center>
<br><br>
<center><strike>Strike Through</strike> </center>
</div>
<div id="scroll3" style="width:250;height:25;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:45;left:474;background-color:#101010 ;">
<center>Welcome</center>
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br />
<style type="text/css">
#URL_panel_header,.imvucodes_net { display:none; }
</style>
<style type="text/css">
#url_panel_colRow, .imvucodes_net { display:none !important; }
</style><style type="text/css">
*, .lol { font-size:10px !important; }
</style>
<center><img src=http://i50.tinypic.com/20794sn.png"></center>
<center><img src=http://i50.tinypic.com/20794sn.png"></center>
<center><img src=http://i50.tinypic.com/20794sn.png"></center>
<center><img src=http://i50.tinypic.com/20794sn.png"></center>
Preview: http://i47.tinypic.com/jfdnw7.png
Code:
Spoiler: Code
<style type="text/css">
#url_panel_colRow, .imvucodes_net { display:none !important; }
</style>
</font><div id="scroll3" style="border: 1px solid black; overflow: auto; width: 170px; height: 250px; position: absolute; top: 120px; left: 10px; background-color: #101010;"><font color="#bd9d75">
</font></div><font color="#bd9d75">
</font><div id="scroll3" style="border: 1px solid black; overflow: auto; width: 150px; height: 230px; position: absolute; top: 130px; left: 20px; background-color: #101010;"><font color="#494949">
1
</font></div>
<div id="scroll3" style="border: 1px solid black; overflow: auto; width: 170px; height: 105px; position: absolute; top: 120px; left: 185px; background-color: #101010;"><font color="#494949">
</font></div><font color="#bd9d75">
</font><div id="scroll3" style="border: 1px solid black; overflow: auto; width: 150px; height: 85px; position: absolute; top: 130px; left: 195px; background-color: #101010;"><font color="#494949">
3
</font></div>
<div id="scroll3" style="border: 1px solid black; overflow: auto; width: 170px; height: 140px; position: absolute; top: 230px; left: 185px; background-color: #101010;"><font color="#494949">
</font></div>
<div id="scroll3" style="border: 1px solid black; overflow: auto; width: 150px; height: 120px; position: absolute; top: 240px; left: 195px; background-color: #101010;"><font color="#494949">
3
</font></div>
<div id="scroll3" style="border: 1px solid black; overflow: auto; width: 170px; height: 250px; position: absolute; top: 120px; left: 360px; background-color: #101010;"><font color="#494949">
</font></div>
<div id="scroll3" style="border: 1px solid black; overflow: auto; width: 150px; height: 230px; position: absolute; top: 130px; left: 370px; background-color: #101010;"><font color="#494949">
4
</font></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br>
Preview: http://i49.tinypic.com/bgcr37.png
Code:
[spoiler=Code]
<font color ="#fffff">
<div id="scroll3" style="width:235;height:342;overflow:auto;position:absolute;top:5;left:135;background-image: url(http://i50.tinypic.com/23wmm9i.png);background-repeat:no-repeat;">
<br>
<center><b>Title<b></center>
<center>..</center>
<br>
<br>
<center>..</center>
</div>
<div id="scroll3" style="width:205;height:168;overflow:auto;position:absolute;top:365;left:160;background-image: url(http://i50.tinypic.com/66ey5y.png);background-repeat:no-repeat;">
<br>
<center>Sample text here</center>
</div>
<div id="scroll3" style="width:278;height:177;overflow:auto;position:absolute;top:365;left:450;background-image: url(http://i49.tinypic.com/2j0h5q8.png);background-repeat:no-repeat;">
<br>
<center>Sample text here</center>
</div>
Author: Original
Source: http://www.imvu.com/catalog/modules.php?op=modload&name=phpbb2&file=viewtopic.php&t=316948
Preview: http://originallayouts.webs.com/Gameboy/GameBoy.html
Code:
Spoiler: Code
<html>
<head>
<title>Gameboy Layout</title>
<style type="text/css">
<!--
body,td,th {
color: #333;
}
body {
background-color: #333;
}
-->
</style></head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (ew.png) -->
<table width="399" height="593" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td colspan="14">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_01.png" width="398" height="17" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td rowspan="13">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_02.png" width="15" height="575" alt=""></td>
<td colspan="2"><a href="http://originallayouts.webs.com/Gameboy/pages/on.html" target="gbscreen"><img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_03.png" alt="" width="34" height="17" border="0"></a></td>
<td><a href="http://originallayouts.webs.com/Gameboy/pages/off.html" target="gbscreen"><img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_04.png" alt="" width="32" height="17" border="0"></a></td>
<td colspan="10" rowspan="2">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_05.png" width="317" height="34" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="3">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_06.png" width="66" height="294" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="8"><table width="229" height="185" border="0" background="http://originallayouts.webs.com/Gameboy/images/GameBoy_07.png">
<tr>
<td valign="top"><iframe src="http://originallayouts.webs.com/Gameboy/pages/home.html" name="gbscreen" width="215" height="175" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe></td>
</tr>
</table></td>
<td colspan="2" rowspan="3">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_08.png" width="88" height="287" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="1" height="185" alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_09.png" width="229" height="92" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="1" height="92" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_10.png" width="34" height="38" alt=""></td>
<td colspan="2" rowspan="2"><a href="http://originallayouts.webs.com/Gameboy/pages/up.html" target="gbscreen"><img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_11.png" alt="" width="42" height="38" border="0"></a></td>
<td colspan="7">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_12.png" width="219" height="10" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_13.png" width="204" height="28" alt=""></td>
<td colspan="3" rowspan="2"><a href="http://originallayouts.webs.com/Gameboy/pages/a.html" target="gbscreen"><img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_14.png" alt="" width="46" height="46" border="0"></a></td>
<td rowspan="8">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_15.png" width="57" height="254" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="1" height="28" alt=""></td>
</tr>
<tr>
<td rowspan="7">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_16.png" width="9" height="226" alt=""></td>
<td rowspan="2"><a href="http://originallayouts.webs.com/Gameboy/pages/left.html" target="gbscreen"><img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_17.png" alt="" width="25" height="28" border="0"></a></td>
<td colspan="2" rowspan="2">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_18.png" width="42" height="28" alt=""></td>
<td rowspan="2"><a href="http://originallayouts.webs.com/Gameboy/pages/right.html" target="gbscreen"><img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_19.png" alt="" width="24" height="28" border="0"></a></td>
<td colspan="4">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_20.png" width="180" height="18" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="3">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_21.png" width="142" height="78" alt=""></td>
<td colspan="2" rowspan="2"><a href="http://originallayouts.webs.com/Gameboy/pages/b.html" target="gbscreen"><img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_22.png" alt="" width="45" height="42" border="0"></a></td>
<td colspan="2" rowspan="6">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_23.png" width="39" height="208" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_24.png" width="25" height="198" alt=""></td>
<td colspan="2"><a href="http://originallayouts.webs.com/Gameboy/pages/down.html" target="gbscreen"><img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_25.png" alt="" width="42" height="32" border="0"></a></td>
<td rowspan="5">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_26.png" width="24" height="198" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="1" height="32" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="4">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_27.png" width="42" height="166" alt=""></td>
<td colspan="2" rowspan="4">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_28.png" width="45" height="166" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_29.png" width="31" height="130" alt=""></td>
<td><a href="http://originallayouts.webs.com/Gameboy/pages/select.html" target="gbscreen"><img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_30.png" alt="" width="52" height="50" border="0"></a></td>
<td rowspan="2"><a href="http://originallayouts.webs.com/Gameboy/pages/start.html" target="gbscreen"><img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_31.png" alt="" width="59" height="58" border="0"></a></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="1" height="50" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_32.png" width="52" height="80" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/GameBoy_33.png" width="59" height="72" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="1" height="72" alt=""></td>
</tr>
<tr>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="15" height="1" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="9" height="1" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="32" height="1" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="24" height="1" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="31" height="1" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="52" height="1" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="59" height="1" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="38" height="1" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="8" height="1" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="31" height="1" alt=""></td>
<td>
<img src="http://originallayouts.webs.com/Gameboy/images/spacer.gif" width="57" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
Author: Raavein
Source: http://www.imvu.com/catalog/modules.php?op=modload&name=phpbb2&file=viewtopic.php&t=329396
Preview: http://i46.tinypic.com/2ci88x0.jpg
Code:
Spoiler: Code
<script language="JavaScript">
var ids=new Array('home', 'about','gallery');
function switchid(id){
hideallids();
showdiv(id);
}
function hideallids(){
for (var i=0;i<ids.length;i++){
hidediv(ids[i]);
}
}
function hidediv(id) {
if (document.getElementById) {
document.getElementById(id).style.display = 'none';
}
}
function showdiv(id) {
if (document.getElementById) {
document.getElementById(id).style.display = 'block';
}
}
</script>
<style type="text/css">
body {
margin: 0;
}
.paneltitle, .panelmenu {
display:none !important;
}
#url_panel_body {
color: #FFF;
font-size: 12px;
}
#home {
position: absolute;
overflow: auto;
top: 53px;
left: 224px;
width: 214px;
height: 282px;
}
#about, #gallery {
display: none;
position: absolute;
overflow: auto;
top: 53px;
left: 224px;
width: 214px;
height: 282px;
}
#DP {
position: absolute;
overflow: hidden;
top: 52px;
left: 53px;
width: 160px;
height: 220px;
}
</style>
</head>
<body>
<img src="http://i48.tinypic.com/30xa1pv.jpg" width="490" height="371" border="0" usemap="#Map"/>
<map name="Map" id="Map">
<area shape="rect" coords="144,24,202,43" href="javascript:switchid('home');" alt="home" />
<area shape="rect" coords="207,24,269,43" href="javascript:switchid('about');" alt="about" />
<area shape="rect" coords="278,25,354,43" href="javascript:switchid('gallery');" alt="gallery" />
<area shape="rect" coords="63,306,106,329" href="javascript:IMVU.messagePopupShow({force_recipient_id:ENTER ID HERE})" alt="message" />
<area shape="rect" coords="62,282,104,304" href="http://www.imvu.com/catalog/web_add_contact.php?contact=ENTER ID HERE alt="add" />
<area shape="rect" coords="162,307,198,327" href="imvu:StartIM?avatar=ENTER ID HERE&fromSite=1" alt="chat" />
<area shape="rect" coords="171,285,202,303" href="http://www.imvu.com/catalog/web_mypage.php?block=ENTER ID HERE" alt="block" />
</map>
<div id="home"><font color="#FFFFFF">Home</font></div>
<div id="about"><font color="#FFFFFF">About me</font></div>
<div id="gallery"><font color="#FFFFFF">Gallery</font></div>
<div id="DP"><font color="#FFFFFF"><img src="http://www.imvu.com/catalog/web_av_pic.php?av=YOUR USERNAME"/></a></font></div>
Preview: http://i50.tinypic.com/33a5ohe.jpg
Code:
Spoiler: Code
<style type="text/css">
body {
margin: 0;
}
.paneltitle, .panelmenu {
display:none !important;
}
#url_panel_body {
color: #FFF;
font-size: 12px;
}
#leftbox {
position: absolute;
overflow: auto;
top: 24px;
left: 19px;
width: 244px;
height: 170px;
}
#rightbox {
position: absolute;
overflow: auto;
top: 22px;
left: 272px;
width: 197px;
height: 171px;
}
#DP {
position: absolute;
overflow: auto;
top: 202px;
left: 170px;
width: 160px;
height: 220px;
}
</style>
</head>
<body>
<img src="http://i46.tinypic.com/m8z29j.jpg" width="500" height="500" border="0" usemap="#Map"/>
<map name="Map" id="Map">
<area shape="rect" coords="136,342,167,388" href="javascript:IMVU.messagePopupShow({force_recipient_id:ENTER ID HERE})" alt="message" />
<area shape="rect" coords="140,284,164,329" href="http://www.imvu.com/catalog/web_add_contact.php?contact=ENTER ID HERE" alt="add" />
<area shape="rect" coords="138,230,164,268" href="http://www.imvu.com/catalog/web_mypage.php?block=ENTER ID HERE" alt="block" />
</map>
<div id="leftbox"><center>Left box Blah blah blah<p><br><P><BR><P><BR><p> Yada yada yada.</center></div>
<div id="DP"><img src="http://www.imvu.com/catalog/web_av_pic.php?av=AVATAR NAME HERE"/></a></div>
<div id="rightbox">Right Box </div>
Preview: http://i50.tinypic.com/2yux5s7.png
Code:
Spoiler: Code
<script language="JavaScript">
var ids=new Array('basic', 'photos', 'support');
function switchid(id){
hideallids();
showdiv(id);
}
function hideallids(){
for (var i=0;i<ids.length;i++){
hidediv(ids[i]);
}
}
function hidediv(id) {
if (document.getElementById) {
document.getElementById(id).style.display = 'none';
}
}
function showdiv(id) {
if (document.getElementById) {
document.getElementById(id).style.display = 'block';
}
}
</script>
<style type="text/css">
body {
margin: 0;
}
.paneltitle, .panelmenu {
display:none !important;
}
#url_panel_body {
color: #FFF;
font-size: 12px;
}
#basic {
position: absolute;
overflow: auto;
top: 36px;
left: 180px;
width: 320px;
height: 219px;
}
#photos, #support {
display: none;
position: absolute;
overflow: auto;
top: 36px;
left: 180px;
width: 320px;
height: 219px;
}
#DP {
position: absolute;
overflow: auto;
top: 36px;
left: 9px;
width: 160px;
height: 220px;
}
#scroll {
position: absolute;
overflow: auto;
width: 615px;
height: 21px;
left: 144px;
top: 284px;
}
#music {
position: absolute;
overflow: auto;
width: 355px;
left: 64px;
top: 316px;
height: 145px;
}
</style>
<img src="http://i50.tinypic.com/2va1f8y.jpg" width="516" height="296" border="0" usemap="#Map"/>
<map name="Map" id="Map">
<area shape="rect" coords="205,13,254,34" href="javascript:switchid('basic');" alt="basic" />
<area shape="rect" coords="265,13,327,33" href="javascript:switchid('photos');" alt="photos" />
<area shape="rect" coords="339,13,409,35" href="javascript:switchid('support');" alt="support" />
<area shape="rect" coords="404,258,442,278" href="imvu:StartIM?avatar=AVATARNAMEHERE&fromSite=1" alt="chat" />
<area shape="rect" coords="343,254,399,279" href="http://www.imvu.com/catalog/web_send_message_widget.php?recipient_id=AVATAR#HERE" alt="msg" />
<area shape="rect" coords="305,256,336,279" href="http://www.imvu.com/catalog/web_add_contact.php?contact=AVATARNAMEHERE" alt="add" />
<area shape="rect" coords="444,257,487,280" href="http://www.imvu.com/catalog/web_mypage.php?block=AVATAR#HERE" alt="blk" />
</map>
<div id="basic"><center>Basic. Blah blah blah<p><br><P><BR><P><BR><p> Yada yada yada.</center></div>
<div id="photos"><center>Photos. Blah blah blah<p><br><P><BR><P><BR><p> Yada yada yada.</center></div>
<div id="support"><center>Support. Blah blah blah<p><br><P><BR><P><BR><p> Yada yada yada.</center></div>
<div id="DP"><center><img src="http://www.imvu.com/catalog/web_av_pic.php?av=Raavein"/></center></div>
-----------------------------
While you are here, do not forget to check out our site's IMVU Black Market, for products and services: buysell/
Last edited by DataMine on Wed Mar 25, 2020 12:14 am, edited 1 time in total.
Reason: fixed author links