My Life and Style

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace FRIENDID with your friend id. Don't remove the credits.

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
table table,table table table table,table table {
background-color:transparent;
width:0px;
border:0px;
}

div,table,tr,td,th {
background-color:transparent;
text-align:left;
border:0px;
}

a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,.lightbluetext8,strong,.blacktext10,.nametext,div b font font, div font font u,table table table table, table table table table td.text, td.text td.text table,table.contacttable {
display:none;
}

div table form tr td,td.text table,a.text, table div font a, table div div {
visibility:hidden;
di-splay:none;
}

td.text table table {
display:inline; 
visibility:visible;
}

div div select, div div form {
display:none !important;
}

select {
filter:alpha(opacity=0); 
opacity:0.0;
}

body {
background-color:ffebf2;
background-image:url('http://cbimg6.com/layouts/08/03/11/26108aa.gif');;
color:ffebf2;
scrollbar-basecolor:a98976;
}

div {
font-family: verdana; 
font-size:12px; 
line-height:14px; 
letter-spacing:2px;
color:ef6c8b; 
}

a:link,  a.text:link, a:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.man:link, a.redlink {
font-family: verdana; 
font-size:12px; 
line-height:14px; 
letter-spacing:2px;
color:99735a;
}

a:hover, a.man:hover, a.text:hover, a.redlink:hover {
font-family: verdana; 
font-size:12px; 
line-height:10px; 
letter-spacing:2px;
color: ffffff; 
cursor: default;
}

b, u, i {
color: 99735a;
}

h1 {
font-family:verdana; 
font-size:18px; 
color:ffffff; 
background-color:99735a;
letter-spacing:3px; 
line-height:21px;
display:block;
text-align:right;
}

h2 {
font-family:verdana; 
font-size:16px; 
color:ffffff; 
background-color:c4a795;
letter-spacing:2px; 
line-height:19px;
display:block;
text-align:right;
}

h3 {
font-family:verdana; 
font-size:14px; 
color:ef6c8b; 
letter-spacing:2px; 
line-height:17px;
}

input {
border:none; 
background-color:a98976;
}

textarea {
border: none; 
background-color:a98976; 
overflow:auto;
}

.lefttext {
position:absolute;
top:630px;
left:225px;
width:185px;
background-color:fbdae5;
}

.maintext {
position:absolute;
top:630px;
left:420px;
width:460px;
background-color:f9c1d5;
}

.mainimage {
position:absolute;
top:200px;
left:200px;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="mainimage">
<img src="http://cbimg6.com/layouts/08/03/11/26108ab.gif" border="0" usemap="#navigation" />
<map name="navigation">
<area shape="rect" coords="295,38,392,82" href="http://home.myspace.com/index.cfm?fuseaction=user" />
<area shape="rect" coords="322,84,461,116" href="http://www.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" />
<area shape="rect" coords="364,118,492,154" href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" />
<area shape="rect" coords="399,157,573,188" href="http://comments.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" />
<area shape="rect" coords="318,190,531,226" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" />
<area shape="rect" coords="376,229,541,263" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" />
<area shape="rect" coords="448,268,531,310" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" />
</map>
</div>
<div class="lefttext">
<h2>Introductions</h2>
<img align=left src="http://cbimg6.com/layouts/08/03/11/26108ac.gif" /> <h3>Name</h3>
<h3>Age</h3>
<h3>Location</h3>
<h2>The In Crowd</h2><center>
<a href="http://myspace.com/FRIENDSURL"><img src="http://cbimg6.com/layouts/08/03/11/26108ad.gif" border="0"></a> 
<a href="http://myspace.com/FRIENDSURL"><img src="http://cbimg6.com/layouts/08/03/11/26108ad.gif" border="0"></a> 
<a href="http://myspace.com/FRIENDSURL"><img src="http://cbimg6.com/layouts/08/03/11/26108ad.gif" border="0"></a><br>
<a href="http://myspace.com/FRIENDSURL"><img src="http://cbimg6.com/layouts/08/03/11/26108ad.gif" border="0"></a> 
<a href="http://myspace.com/FRIENDSURL"><img src="http://cbimg6.com/layouts/08/03/11/26108ad.gif" border="0"></a> 
<a href="http://myspace.com/FRIENDSURL"><img src="http://cbimg6.com/layouts/08/03/11/26108ad.gif" border="0"></a><br>
<a href="http://myspace.com/FRIENDSURL"><img src="http://cbimg6.com/layouts/08/03/11/26108ad.gif" border="0"></a> 
<a href="http://myspace.com/FRIENDSURL"><img src="http://cbimg6.com/layouts/08/03/11/26108ad.gif" border="0"></a> 
<a href="http://myspace.com/FRIENDSURL"><img src="http://cbimg6.com/layouts/08/03/11/26108ad.gif" border="0"></a></center><p>
<center><img src="http://cbimg6.com/layouts/08/03/11/26108ae.gif" border="0"></center><p>
</div>
<div class="maintext">
<h1>Star Quality</h1>
Vos can , quod mos , operor quisquam vos volo. Is est usque vos statuo vestri fortuna , quod navigo vestri fatum. Locus vestri posterus in haud man's manuum. Supremus totus , iacio down cause of vestri vita ; pactus quam vos ero tracto tunc nunquam veer ex ut , quod in pius vindico ut super alius. Vos can , quod mos , operor quisquam vos volo. Is est usque vos statuo vestri fortuna , quod navigo vestri fatum. Locus vestri posterus in haud man's manuum. Supremus totus , iacio down cause of vestri vita ; pactus quam vos ero tracto tunc nunquam veer ex ut , quod in pius vindico ut super alius.<p><br>
<h1>Glamour Life</h1>
Vos can , quod mos , operor quisquam vos volo. Is est usque vos statuo vestri fortuna , quod navigo vestri fatum. Locus vestri posterus in haud man's manuum. Supremus totus , iacio down cause of vestri vita ; pactus quam vos ero tracto tunc nunquam veer ex ut , quod in pius vindico ut super alius. Vos can , quod mos , operor quisquam vos volo. Is est usque vos statuo vestri fortuna , quod navigo vestri fatum. Locus vestri posterus in haud man's manuum. Supremus totus , iacio down cause of vestri vita ; pactus quam vos ero tracto tunc nunquam veer ex ut , quod in pius vindico ut super alius.<p><br>
<h1>Comment</h1>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="FriendId" value="XXXXXXXX" type="hidden" />
<textarea name="f_comments" cols="30" rows="5"></textarea>
<br />
<input value="Comment" type="submit" /> 
<input value="Clear" type="reset" />
</center><p><br />
<center><sub>Layout made by <a class="sub" href="http://myspace.com/supernanny">Cori</a>. Brushes by <a class="sub" href="http://www.brushes.obsidiandawn.com/">Obsidian Dawn</a> and <a class="sub" href="http://axeraider70.deviantart.com/">Axeraider70</a>.<p><br>
</div>

Layout Comments

Showing latest 10 of 21 comments

oh my. very pretty.

By koobecaf on May 4, 2009 5:32 pm

Same as with my other layout, I don't use IE and I forgot to test it in that browser. All is resolved now.

By coriVScori on Jun 6, 2008 1:38 pm

I got all excited cause I thought I'd be able to use this and the links don't work :( !st they yank a layout I wanna gonna use later now this :(

By EnchantedDreams on Jun 1, 2008 4:35 am

Very nice layout, however your links do not work. I use DIV all the time, so I'm very familiar with the process....well at least with others. Otherwise, I would have loved to use it..

By Raigan1123 on May 2, 2008 10:26 pm

this is a beautiful layout but its not working correctly

By twinsplusone3 on Apr 18, 2008 3:13 pm

how can i use this layout

By agiron on Apr 15, 2008 4:29 pm

It seem like more than one person has the same navigation due to your unactive links. I think I know how to place my "FRIEND ID" in the right spot, so the issue is not me not knowing how to use MYSPACE codes. And don't tell me it's my computer also. Cuz many of my friends cannot use it as well.

By maivue on Mar 24, 2008 12:05 pm

hey i realy like this page nd would like to add it to my myspace but need help u think u could help me?

By celiaortiz on Mar 22, 2008 2:15 am

I am having the same prob as well as the last person indicated. This layout is very nice and would love to have it as my layout. Is there any way you can fix it. I tried, but I failed. Is it due to being on IE?

By evilisse on Mar 14, 2008 11:43 pm

i love this layout. however, the home,add me, pictures, and friends DO NOT WORK??? What can I do to fix it? Please help

By intencion06 on Mar 14, 2008 8:41 pm

View all »

Layout Details

Designer	coriVScori
Submitted on	Mar 11, 2008
Page views	55,138
Favorites	401
Comments	21
Reviewer	Insurmountable
Approved on	Mar 11, 2008

My Life and Style

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates