Dream It Off

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Be sure to replace all of the "YOURFRIENDIDHERE" with your friend ID before saving anything.

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>
body { 
background-color:FFFFFF;
background-position:bottom left; 
background-repeat:repeat; background-attachment:fixed; 
border-width:0px; 
border-color:FFFFFF; 
border-style:solid; 
}

.orangeText15 {display:none;}
.nameText {display:none;}
.friendSpace {display:none;}
.friendsComments {display:none;}
.contactTable {display: none;}
.extendedNetwork {display:none;}
.latestBlogEntry {display:none;}
.userProfileURL {display:none;}
.userProfileDetail {display:none;}
.bottomlinks {display:none;}
.ImgOnlineNow {display:none;}
.profileinfo {display:none;}

table tr td div div {
visibility:hidden;
display:none;
border:0px!important;
background-color:transparent;
}

td, 
.whitetext12, 
.lightbluetext8, 
.blacktext12, 
.btext,  
.text, 
.orangetext15, 
.nametext, 
.redbtext, 
.redtext, 
A:link, 
A:visited, 
A:active,
a.redlink:link,
a.redlink:active, 
a.redlink:visited,  
a.searchlinksmall:link, 
a.searchlinksmall:active, 
a.searchlinksmall:visited, 
a.searchlinksmall:hover, 
a.font, 
table td div div font, 
div table tr td font 
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:8pt;
color:black;
}

a.navbar, 
a.navbar:link,
a.navbar:active, 
a.navbar:visited{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:7pt;
color:black;
}
a.navbar:hover{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:7pt;
color:88bbff;
}
a.redlink:hover, 
A:hover{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:8pt; text-decoration:none;
color:88bbff;
}

td.text table {width:100%;}
.friendsComments td table, .friendsComments td.text table, .friendSpace table, .blurbs, .blurbs td.text {background-color:transparent; border:0px;}

tr, td {background:transparent;border:0px;}

</style>

<style>

.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;}

font, body, table, td, div, h1, h2, br, a, p {font-family:verdana; font-size:10px; color:7c0040; background-color:trasparent;text-transform:lowercase; text-decoration:none; font-weight:normal;}
.text {font-family:times new roman; font-size:10px; color:ffffff; background-color:trasparent;text-transform:uppercase; text-decoration:none; font-weight:normal;}

a:link, a:active, a.man:link, a.text:link, a.redlink:link, a.redlink:active, a.navbar:link, a.navbar:active, a:visited, a.man:visited, a.text:visited, a.redlink:visited, a.navbar:visited  {
font-family:Verdana;
font-size: 10px; 
color:000000; 
text-transform:none; 
text-decoration:none; 
font-weight:normal; 
line-height:18px; 
letter-spacing:.5px;}

a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {
font-family:verdana;
font-size: 10px; 
color:7c0040; 
text-transform:none; 
text-decoration:none; 
font-weight:normal; 
line-height:18px; 
letter-spacing:.5px;}

a:link, a:visited; a:active{
color:7c0040;}

input, select{
font-family:tahoma; 
font-size: 9px; 
text-transform:none; 
color:000000; 
background-color;000000;
border:1px solid 000!IMPORTANT;}

td td embed, td td object{height:1px;width:1px;}
td.text embed {height:1px;width:1px;}
td.text embed, td.text object {width:1px;height:1px;}

a {
text-decoration:none;
color:000000;
}
a:hover {
text-decoration:none;
color:000000;
}

body {
background-color: fffffff;
background-image: url('http://cbimg9.com/layouts/08/07/29313ab.gif');
background-repeat: repeat;
font-family: tahoma;
font-site: 7px;
topmargin: 0px; 
leftmargin:0px;

}

.tab{
overflow:auto;
font-family: tahoma;
font-site: 9px;
}

.nav{
font-family: tahoma;
font-site: 9px;
color: &#ffffff;
}
</style>

<div style="font-size:9px; overflow:auto; position: absolute; width: 239px; height: 119px; z-index:3; left: 95px; top: 254px" id="livello3">
about me here
</div>

<div style="font-size:9px; overflow:auto; position: absolute; width: 197px; height: 19px; z-index:3; left: 123px; top: 370px" id="livello3">
<center><a href=http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=XXXXXXXX>comment</a>
<a href=http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX>pictures</a>
<a href=http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX>add</a>
<a href=http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX>message</a>
<a href=http://home.myspace.com/index.cfm?fuseaction=user>home</a>
</center>
</div>
<style>div div table div, div.clearfix a, input {display:none;}
div.clearfix table div div {display:block;}

div div select{
opacity:0;
filter:alpha(opacity=0);
display:none !important;
position:absolute !important;
bottom:2000px !important;}

select {position:relative !important; margin-top:-40000px;}
td td td select {position:static !important;}
div table div form {display:none !important}
.bodyContent table table div form {display:inline !important;}

.bodyContent div table, .bodyContent div td {background-color:transparent;}
.bodyContent table.navigationBar td, .bodyContent div td td {background-color:transparent;}
table.navigationBar td td {white-space:nowrap;}</style>

Layout Comments

Showing latest 10 of 13 comments

this is so cute.

By heyybeautifull on Oct 27, 2008 9:05 pm

Lol. Yeah =] A bunch of people don't like how small it is, however, when I tried making it bigger, it looked absolutely awful. The tinyness is what makes it cute ;] if you saw it when it was a bit bigger, you'd probably not like it.

By kateisepic on Jul 12, 2008 11:10 pm

one thing i found:
i kinda wish the cloud/text box was a smidge bigger.

By brooke22mcc on Jul 12, 2008 4:02 pm

freaking love it.
using.
i don't mind the big empty space, it makes it original.
i love the way it is not centered :]

By brooke22mcc on Jul 12, 2008 3:55 pm

A spot for top friends would be tacky considering the fact that the layout is centered around the stick figure and the cloud, it would draw away the attention and make it too choppy and crowded.

By kateisepic on Jul 12, 2008 12:13 pm

maybe you could fill the space with a spot for top friends

By ihatedriving on Jul 11, 2008 12:09 pm

what do you suggest I fill the space with? =]

By kateisepic on Jul 10, 2008 10:48 am

its nice but would be alot better if there wasnt a huge empty space on tha side

By gemini06p on Jul 10, 2008 9:41 am

that is so simple its cute

By eMarie2470 on Jul 9, 2008 8:29 pm

thank you schizo and heathaaa =]

By kateisepic on Jul 8, 2008 6:08 pm

View all »

Layout Details

Designer	kateisepic
Submitted on	Jul 8, 2008
Page views	10,370
Favorites	74
Comments	13
Reviewer	manny-the-dino
Approved on	Jul 8, 2008

Dream It Off

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates