Div Layouts

IMPORTANT!!! Be sure to change the "FRIENDIDHERE" in the 1st code to your friend ID. If you do not know how to find your friend ID, click here.

Copy and paste this code into the "About Me" section:

<style type="text/css">
tr, td table table, table table table table, table, { height:0px; border:0px;}
table table table table, table table table table td.text, td.text td.text table { display:none;}
td.text table table { display:inline; visibility:visible;}
table td table tr td.text table { visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text { visibility:visible;}
table, tr, td { background-color: transparent; border: 0px; }
td td td td { border:0px; width:0px; text-align:left;}
a.text { visibility:hidden; height:0px; } 
table div font a { visibility:hidden; height:0px; }
table div div { visibility:hidden; height:0px; } 
.navbar font { visibility:hidden; height:0px; }
tr td font { visibility:hidden; height:0px; } 
body {
scrollbar-face-color:588C98; 
scrollbar-shadow-color:CCCCCC; 
scrollbar-highlight-color:CCCCCC; 
scrollbar-3dlight-color:CCCCCC; 
scrollbar-darkshadow-color:CCCCCC; 
scrollbar-track-color:CCCCCC; 
scrollbar-arrow-color:FAFAFA; 
background-image: url(http://jpg); background-attachment: fixed; background-position: bottom left; background-repeat:no-repeat; background-color:CCCCCC;}
table table table {width:100%; padding:0; background-color:CCCCCC;}
b { color: 64939D; }
i { color: 64939D; }
u { color: 64939D; }
.layout 
	{ position: absolute; left: 50%; margin-left: -307px; top: 125px;  z-index: 1; }
.whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext, .contacttable
	{display:none;height:0px;visibility:hidden}
a:active, a:visited, a:link 
	{ font-family:arial; font-size:8pt; color:64939D; text-decoration:none;} 
a:hover 
	{ font-family:arial; font-size:8pt; color:64939D; text-decoration:none; } 
a.navbar:active, a.navbar:visited, a.navbar:link 
		{ font-family:arial; font-size:8pt; color:64939D; font-weight:normal; text-decoration:none; } 	
		a.navbar:hover 
		{ font-family:arial; font-size:8pt; color:64939D; font-weight:normal; text-decoration:none; } 
input, textarea 
	{  color:585858; background:FFFFFF; font-family:arial; font-size:8pt; text-align:center; border-right: F0F0F0 1px solid; border-top: F0F0F0 1px solid;  border-left: F0F0F0 1px solid; border-bottom: F0F0F0 1px solid; }
.cbutton 
	{  color:585858; background:FFFFFF; font-family:arial; font-size:8pt; text-align:center; border-right: F0F0F0 1px solid; border-top: F0F0F0 1px solid;  border-left: F0F0F0 1px solid; border-bottom: F0F0F0 1px solid; }
.submit
	{ 
	color:ACAAAD; background:zzzzzz; font-family:arial; font-size:7pt; line-height:7px; text-align:center; border-right: E8E6DA 1px solid; border-top: E8E6DA 1px solid;  border-left: E8E6DA 1px solid; border-bottom: E8E6DA 1px solid; width:194px; height: 10px;
 	}
.contents
	{ 
	position: absolute; left: 50%; margin-left: -119px; top: 234px; z-index:1; width: 453px; height: 333px; overflow: yes;
	color:585858; background:zzzzzz; font-family:arial; font-size:8pt; text-align:left; padding: 2px;
	border-right: FFA1C7 0px FF89B9; border-top: c8d0ff 0px solid;  border-left: c8d0ff 0px solid; border-bottom: c8d0ff 0px solid;
	scrollbar-face-color:F0F0F0; scrollbar-shadow-color:FCFCFC; scrollbar-highlight-color:FCFCFC; scrollbar-3dlight-color:FCFCFC; scrollbar-darkshadow-color:FCFCFC; scrollbar-track-color:FCFCFC; scrollbar-arrow-color:FCFCFC; 
	}
</style>

Copy and paste this code into the "Who I'd like to Meet" section:

<div class="layout">
<img name="layout0" src="http://i84.photobucket.com/albums/k14/xox0xo/aerocharm/divoverlays/abstract/03/layout.gif" width="712" height="540" border="0" usemap="#layout">
<map name="layout">
<area shape="poly" coords="77,185,80,184,169,168,171,184,76,203" href="http://home.myspace.com/index.cfm?fuseaction=user">
<area shape="poly" coords="163,190,166,206,77,226,77,207,162,190" href="http://blog.myspace.com/index.cfm?fuseaction=blog.listall&friendid=YOURFRIENDIDHERE">
<area shape="poly" coords="169,210,173,227,76,249,77,229" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewpicture&friendid=YOURFRIENDIDHERE&albumid=0">
<area shape="poly" coords="164,235,167,250,77,269,78,252" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendid=YOURFRIENDIDHERE">
<area shape="poly" coords="168,256,171,272,76,291,78,274" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendid=YOURFRIENDIDHERE">
<AREA SHAPE="poly" COORDS="165,279,77,296,78,314,170,293" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockuser&userid=YOURFRIENDIDHERE">
<area shape="poly" coords="169,299,172,316,78,336,77,318,168,298" href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendid=YOURFRIENDIDHERE">
<area shape="poly" coords="163,321,168,339,76,357,77,340,162,321" href="http://comments.myspace.com/index.cfm?fuseaction=user.homecomments&friendid=YOURFRIENDIDHERE">
<area shape="rect" coords="79,357,182,385" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewprofile_commentform&friendid=YOURFRIENDIDHERE">
<area shape="rect" coords="562,458,653,467" href="http://aerocharm.com" target="_blank">
</map>
</div>

<div class="contents">

PUT YOUR CONTENT HERE!!

</div>

</div>

Want the comment box? Click here for the code!