life like a storybook

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Images credit to children'sillustrator

Please remember to change the 'YOURFRIENDIDHERE'
with your friend id.

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 type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
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;}
</style>

td.text td.text .redlink, td.text td.text span.btext {display:none !important;}

</style>
<style>Body{background-color:fffff;}</style>
<style>
.nametext {display: none !important;}
div div table tr td a.navbar, div div table tr td font {display: none !important;}tr

{background:transparent;}
table div font a, table div div {display: visible !important;}
table table div font a, table table div div 
{display: visible !important;}
table table td.text table td.text table table tbody td table, span.btext

{display: none !important}
table table td.text table td.text tbody table tbody td table td {display:

none !important;}

.blacktext10{font-family:book antiqua; font-size:10px;  color:000000; font-weight:none;border:0px; text-

transform: uppercase;}

.redlink, .orangetext15, .btext {
COLOR: 000000;
FONT-SIZE: 1;
}

table table { 
border:none;
width:180px;
padding:1;
border: none;
background-color: transparent; 
} 
table table table table td{
width:150px;
border: none;
background-color: transparent}

table table table table{ 
border: none;
width:230px;
align:right;
padding:1;
align:center;
border: none;}

</style>

.headings
{
	padding:4px;
	color:000000;
	font-size:14px;
	text-indent:0px;
	font-weight:normal;
	letter-spacing:0px;
        font-family:book antiqua;
	text-decoration:none;
	text-transform:;
	line-height:14px;
        display:block;
	background-color: fffff;
        text-align: center;
	border: 0px solid;
}

.headings2
{
	padding:4px;
	color:fffff;
	font-size:18px;
	text-indent:0px;
	font-weight:normal;
	letter-spacing:0px;
        font-family:book antiqua;
	text-decoration:none;
	text-transform:;
	line-height:18px;
        display:block;
	width: 480px;
	background-color: fffff;
        text-align: center;
	border: 0px solid;
}

.nav
{
width: 185px;
}

body {
SCROLLBAR-FACE-COLOR:fffff; 
SCROLLBAR-HIGHLIGHT-COLOR: fffff;
SCROLLBAR-SHADOW-COLOR: fffff; 
SCROLLBAR-3DLIGHT-COLOR:fffff; 
SCROLLBAR-ARROW-COLOR:000000; 
SCROLLBAR-TRACK-COLOR:fffff;
SCROLLBAR-DARKSHADOW-COLOR:fffff;
background:7a7a73;
overflow-x:hidden;
}

a, a:link,a:active{
 color: fffff;
 font:10px book antiqua;
 text-decoration: none;
 text-transform: ;
 letter-spacing: 0px;

}
a:hover{
color: 000000;
 font:10px book antiqua;
 text-decoration: none;
 text-transform: ;
 letter-spacing: 0px;

}

a:visited{
 color: 858583;
 font:10px book antiqua;
 text-decoration: none;
 text-transform: ;
 letter-spacing: 0px;

}

input, textarea,
.textfield, .button, {
 border: none;
 font: 12px book antiqua;
 text-transform: ;
 color: 000000;
 letter-spacing:0px;
 overflow-y:hidden;
 align:left;
}

b, strong {
 color: 858583;
 font-weight: bold;
 letter-spacing:0px;
 font-size: 11px;
 font-face: book antiqua;
 text-transform: ;
}

I, EM {
 color: 858583;
 letter-spacing:0px;
 font-size:10px;
 text-transform: ;
 font-style:none;
 background-color:none;
}

u {
 color: 858583;
 letter-spacing:0px;
 font-size: 10px; 
 text-transform: ;
 font-style:none;
 background-color:none;
}

body, div, p, table, td, tr, th {
 font: 10px book antiqua;
 line-height:normal;
 color: 000000;
 letter-spacing:0px;
 text-align:left;
 text-transform: none;
} 
p
{
 font: 10px book antiqua;
 line-height:normal;
 color: 000000;
 letter-spacing:0px;
 text-align:left;
 text-transform: none;
}

</style>

<div style="position:absolute; width: 800px; height: 759px; background-color: fffff;left:200px;

top: 155px; overflow: auto;">
<img src="http://cbimg6.com/layouts/08/03/01/25882aa.png" width="731" border="0" usemap="#imap_15" >
<map id="imap_15" name="imap_15" >
  <area shape="rect" coords="652,553,733,565" alt="designer" title="designer" href="http://www.msplinks.com/MDFodHRwOi8vdGVlc2EuY3JlYXRlYmxvZy5jb20vbGF5b3V0cy8=">
  <area shape="rect" coords="-10,-10,90,70" alt="" title="" href="">
</map>

</div>

<div style="position:absolute;  overflow:hidden; background-color: transparent; top: 185px;

left:719px; BORDER=0px solid;  border-color: ; width:235px; font-family: book antiqua, sans-serif; font-size: 11px;">

<td class="headings"  style="background-color: fffff; width:130px;">About Me</td>
</tr>
<tr>
<td style="width:130px;">
<b>Name:</b> Your Name
<br>
<b>Age:</b> 19
<br>
<b>Location:</b> Outer space
<br>
<b>Likes:</b> Mmmmhmm
<br>
<b>Dislikes:</b> 
<br>
<b>Miscellaneous:</b> 
</td>
</tr>
</table>
<br>

<td class="headings"  style="background-color: fffff; width: 130px;">NAV</td>
</tr>
<tr>
<td style="width:130px;"><a href="http://home.myspace.com/index.cfm?fuseaction=user"

class="navigate"> Home</a></td></tr>

<tr><td style="width:130px;"><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="navigate"> Comment me

</a></td></tr>

<tr><td style="width:130px;"><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"

class="navigate"> Love note</a></td></tr>

<tr><td style="width:130px;"><a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="navigate">Friends</a></td></tr>

</table><br>

</table><br>

<br>

</div>

Layout Comments

Showing latest 10 of 42 comments

Super Cute!

By Superase on Apr 21, 2009 9:35 am

this is possibly the greatest layout ive ever seen on this site.
great job =D
i am definatly using this one next

By noonecaresnews on Jan 18, 2009 11:11 am

i really love this layout i just dont like how ppl can c ur friends :[ is there any way to take that off?

By Cecicakes123 on Dec 25, 2008 10:30 pm

where do u put the things about ourselves, it doesnt say

By Lizzaa on Nov 19, 2008 1:20 pm

wooooooooooooah

By NoWorriesDesigns on Nov 16, 2008 5:31 pm

how do you add text

By oxohotthingoxo on Nov 4, 2008 10:35 am

hey can i use dis

By muffincakez268 on Aug 19, 2008 8:09 pm

it's supposed to say widely =)

By Teesa on Jul 6, 2008 5:45 pm

Cute but the quote says widely instead of wisely.

By midnighteskye on Jul 6, 2008 12:45 pm

this is sooo cute

By Saikou on Apr 27, 2008 6:39 am

View all »

Layout Details

Designer	Teesa
Submitted on	Mar 1, 2008
Page views	169,297
Favorites	1260
Comments	42
Reviewer	Insurmountable
Approved on	Mar 1, 2008