Dream Box

Designer's Comments

Look carefully for specific instructions

Place the Codes into the correct spots.

Replace all "PUTYOURFRIENDIDHERE" with YOUR friend ID.

please dont change anything except the content that is specified.

thanks to all who commented and faved :]

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>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="ABOUT ME" style="position: absolute; left:264px; top:168px; width:264px; height:350px; overflow: auto;"><center>
CONTENT FOR DIV. REMOVE AND PLACE WITH YOUR OWN.
<B>BOLD</B>   <U>UNDERLINE</U> <I>ITALICS</B>

</div>
<div class="INTERESTS" style="position: absolute; left:103px; top:163px; width:136px; height:167px; overflow: auto;"><center>
CONTENT FOR DIV.  REMOVE AND PLACE WITH YOUR OWN.
</div>

<div class="EXTRA" style="position: absolute; left:106px; top:369px; width:130px; height:147px; overflow: auto;"><center>
CONTENT FOR DIV.  REMOVE AND PLACE WITH YOUR OWN.
</div>

<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="PUTXXXXXXXX" type="hidden">
<textarea name="f_comments" class="hot-lyts4">iloveyou.</textarea><br>
<input type="submit"class="hl4" value="♥"></form>

input.hl4 {
color:85e2c7 !important;
font-size:7px !important;
width:30px !important;
height:15px !important;
font-family:small fonts !important;
background-color:transparent !important;
background-image: url("") !important;
border-color: !important;
border-width:px !important;
border-style:!important;
letter-spacing:1px !important;
text-transform:uppercase !important;
line-height:7px !important;
font-weight:normal !important;}

textarea.hot-lyts4{
background-color:transparent !important;
background-image: url("")  !important;
width:115px !important;
height:40px !important;
font-family:arial !important;
color:85e2c7 !important;
line-height:11px !important;
font-size:11px !important;
border-color: !important;
border-style: !important;
border-width:px !important;
letter-spacing:-1px !important;
font-weight:bold !important;
}</style>

</div>

</map>
</div>

body {
background-color: 339daf;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:75c7c3;
scrollbar-track-color:85e2c7 ;
scrollbar-shadow-color:34a5b7 ;
scrollbar-face-color:85e2c7;
scrollbar-highlight-color: 34a5b7;
scrollbar-darkshadow-color:34a5b7 ;
scrollbar-3dlight-color:34a5b7 ;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color:  ; background-color: ; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea 
{font:normal 9px arial; color: ; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:1675b1 ; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.} 
.redbtext{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: 46d1ff ; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling} 
.whitetext12{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color:  ; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture } 
.nametext{font-family: arial; color:  ; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments} 
.blacktext10{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.} 
a{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase; } 
a:link{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style} 
a.redlink{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase;} 
a.redlink:link{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase; } 
a.redlink:hover{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar} 
a.navbar{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase;} 
a.navbar:link{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase;} 
a.navbar:active{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase;} 
a.navbar:visited{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase;} 
a.navbar:hover{font-family:arial; font-size:9px; color:  ; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;} 
a:active{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase;} 
a:visited{font-family:arial; font-size:9px; color: ; font-weight:none;border:0px; text-transform: uppercase;} 
a:hover{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color: 85e2c7; font-weight:none;border:0px; text-transform: uppercase; }

</style>

Layout Comments

Showing latest 10 of 19 comments

I just wanted to change the header..unstead of having "extra" I want "Life" and it wont let me change that. So how do I do that?

By smclain on Mar 19, 2009 2:55 pm

i love your stuff :)

By lore2010 on Nov 27, 2007 8:46 pm

How do I add my blog to this template?

By jheard15 on Nov 2, 2007 4:31 pm

i love this layout. but i was wondering how i hide my music. its smack dab in the middle of the layout.

By ZacEfronsBabe07 on Sep 5, 2007 3:48 am

i wanna hide my song is this possible?
oh and what about a blog button?

By taybybaby7 on Aug 23, 2007 2:27 pm

i love this layout, but is there anyway that a button to click for blogs can be added?

By chrislove on Aug 22, 2007 5:20 pm

i'm using this layout!!! it's awesome! i love it :))

By suomi4ever on Aug 20, 2007 9:28 am

I really wnat this on my page so can you help me..... myspace.com/twurk_dat_work_dat 69

By sherae23 on Aug 17, 2007 6:22 pm

I really wnat this for my page but eveytime i put it on there nothing comes up but a blue background. I like so need your help

By sherae23 on Aug 17, 2007 6:16 pm

i love this one.
every other one i tried didnt work right.
this one actully worked perfect!!
keep up the good work and make some more

By Kat23 on Aug 15, 2007 3:32 am

View all »

Layout Details

Designer	lisa-marie-09
Submitted on	Aug 9, 2007
Page views	32,123
Favorites	264
Comments	19
Reviewer	Alvin
Approved on	Aug 9, 2007

Dream Box

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates