Dream.

Designer's Comments

Look carefully for specific instructions

If you don't know how to use this kind of layout, click here.

I'm still a little undecided about this layout. There are a lot of things about it that I hate and a lot of things I like, but I think most of my opinions are based off the fact that I spent so much time trying to get this perfect. Anyway, this is the first layout in my planned series of divs containing quotes from authors, books, and poems. Any feedback is appreciated. :)

Credits: [1] [2]

Visit my website & myspace to see more.

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">body{
background-color:000000;
background-image:url();
background-position:top left;
background-repeat:repeat;
background-attachment:scroll; }

.background1{
position: absolute; 
left: 50%;
margin-left:-400px; 
padding-bottom:0px;
top: 100px;}

.background2{
position: absolute; 
left: 50%;
margin-left:-400px; 
padding-bottom:0px;
top: 442px;}

.section1{
position: absolute; 
left: 50%; 
margin-left:70px; 
top: 340px; 
width:  210px; 
height: 250px; 
overflow: auto;
text-align:center;}

.section2{
position: absolute; 
left: 50%; 
margin-left:0px; 
top: 500px; 
width:  100px; 
height: 100px; 
overflow: hidden;
text-align:left;}

.section3{
position: absolute; 
left: 50%; 
margin-left:0px; 
top: 600px; 
width:  250px; 
height: 50px; 
overflow: hidden;
text-align:center;}

.nav1{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:-260px;
top:420px;}

.add{
width: 61px; 
height:41px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/02/33866ad.png) top left no-repeat; 
display: block;}

.add:hover{
background-position: bottom left;}

.nav2{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:-231px;
top:510px;}

.msg{
width: 70px; 
height:48px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/02/33866ae.png) top left no-repeat; 
display: block;}

.msg:hover{
background-position: bottom left;}

.nav3{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:23px;
top:435px;}

.nav4{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:-323px;
top:463px;}

.home{
width: 75px;
height:39px;  
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/02/33866af.png) top left no-repeat; 
display: block;}

.home:hover{
background-position: bottom left;}

.nav5{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:-290px;
top:547px;}

.pics{
width: 69px;
height:47px;  
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/02/33866ag.png) top left no-repeat; 
display: block;}

.pics:hover{
background-position: bottom left;}

.nav6{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:-255px;
top:605px;}

.comment{
width: 84px; 
height:38px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/02/33866ah.png) top left no-repeat; 
display: block;}

.comment:hover{
background-position: bottom left;}

.nav7{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:-175px;
top:580px;}

.blog{
width: 68px; 
height:48px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/02/33866ai.png) top left no-repeat; 
display: block;}

.blog:hover{
background-position: bottom left;}

div{
font:9px georgia; 
color:969696; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:20px;}

a:active,a:visited,a:link,a{
	color:ffffff;
	font-size:9px;
	line-height:20px;
	cursor:default;
	font-weight:normal;
	letter-spacing:0px;
	font-family:arial;
	text-decoration:none;
	text-transform:none;}

a:hover{
	color:969696;
	font-size:9px;
	line-height:20px;
	cursor:default;
	font-weight:normal;
	letter-spacing:0px;
	font-family:arial;
	text-decoration:none;
	text-transform:none;}
	
b{color:ffffff; text-transform:uppercase;}
i{color:ddddde; font-style:italic;}
u{text-decoration:none; border-bottom:1px dotted; border-color:ffffff;}

table table div form {display:inline !important;}
.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;}
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 div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}td td embed, td td embed, td td object{position:absolute;top:0px;right:0px;width:45px;}div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;} 
.profile, div ul {display:none !important;}</style>

<div class="section1">
Here is where you are going to write about yourself. Before you do that, <i>make sure you replaced all the XXXXXXs with your ID</i>. Can't find them? You probably <u>saved</u> your profile. Saving changes the links and makes it impossible to put in your ID. If that happened, just recopy in the code. Also, I would advise you <b>not</b> to fill this section up more than I have for the preview. You're not going to blow up if you do, but it won't look quite as nice. Have any other questions? Feel free to ask, <i>but check the FAQ on my site first.</i></div>

<div class="section2">
Name<br>
Age<br>
Location<br>
Status</div>

<div class="section3">
Currently playing <i>Song Title Here</i></div>

Layout Comments

Showing latest 10 of 40 comments

if you fill it futher than the example.. does it turn into a scrollbar or is it dragged out to the bottom??

By bloodyrazorlips on Aug 21, 2009 12:34 am

I love it, i'm using it and its wonderful :) definitely telling my friends about it.

By Ash1993 on Aug 2, 2009 3:09 pm

http://www.atomicaffliction.co m/coding9.php

By schizo on May 27, 2009 6:06 pm

Where can i find my friend ID on the regular myspace, not 2.0?

By Saveestas on May 27, 2009 5:42 pm

How do you get your images to appear when you click the "PICS" button on this layout?
HELP PLEASE!

By minkah56 on May 12, 2009 9:44 pm

Hiding the ad is technically against the terms of service, and we're not supposed to post those codes on this site. Google is your friend when it comes to this kind of thing.

By schizo on Apr 30, 2009 4:50 pm

how do i get rid of the white box at the top which is used for like ad's and stuff?

By twilightchik8 on Apr 30, 2009 3:45 pm

Ugh, I'm in love with this. I'm terrible with HTML codes though. Could you please help me? I replaced the X's with my friend ID, and I replaced the sample about me with mine. And I'm lost.

By KirstenStarship on Apr 25, 2009 9:52 pm

Hmm, I just tested it and it worked perfectly fine for me. Are you sure you did it right?

By schizo on Apr 24, 2009 6:48 pm