DreamLine

Designer's Comments

Look carefully for specific instructions

Dream Line is a score track from Songs For Cinema that's in Wong Fu's Dream Line short.
A music player is included with the tracks.
Check out Wong Fu Productions!

Only change things in the I'd Like To Meet section
Remember to replace the image url in the 'photo' div with your own, 200x150.
You can replace the youtube video also with your own.

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-image:url(http://cbimg6.com/layouts/09/07/35147ab.png);
background-position:top center;
background-repeat:repeat-x;
background-color:151515;
font-weight:bold;
font: normal 14px/1.5em Georgia;
color: white;
}

b, strong, .btext {color:007290;}
i, em, .itext { color:49b9a6;}
u, .utext {color:667a1d; font-weight:italic; border-bottom: dashed 1px;}
s {color:ec5700;}

.dreamline
{display:block; height:800px; width:900px; position:absolute; top:130px; left:50%; margin-left:-450px; overflow:hidden;}

.misc {
display:block;
position:absolute;
width:300px;
height:225px;
top:705px;
left:50%;
margin-left:110px;
font-size:10px;
color:white;
}

.about { 
display:block;
position:absolute;
width:450px;
height:300px;
top:305px;
left:50%;
margin:2px;
margin-left:-370px;
overflow:auto;
font-weight:bold;
font: normal 14px/1.5em Georgia;
color: black;
}

.photo {
display:block;
position:absolute;
top:255px;
width:200px;
left:50%;
background:url(http://i30.tinypic.com/14j8g2u.png);
margin-left:175px;
height:150px;
overflow:hidden;
}

.photo a {display:block;width:200px;height:150px;visibility:visible;}
.photo a:hover img {padding:100%;display:block;visibility:hidden;}

.links {
display:block;
width:200px;
height:240px;
position:absolute;
top:425px;
left:50%;
overflow:hidden;
margin-left:175px;
}

.links a.nav {
color:white;
font-size:18px;
height:40px;
width:200px;
display:block;
text-align:center;
text-decoration:none;
border-bottom-style:solid;
border-bottom-color:white;
border-bottom-width:1px;
}

.links a.nav:hover {
color:007b96;
background-color:white;
border-bottom-style:dashed;
border-bottom-color:007b96;
}

.video {
display:block;
position:absolute;
width:480px;
height:295px;
top:690px;
left:50%;
margin-left:-420px;
}

h1 {
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:3892bc;
text-align:center;
color: 3892bc;
font-weight:bold;
font-size:13px;
font-family: tahoma;
display: block;
letter-spacing: .1em;
margin-top: .5em;
margin-bottom: .5em;
text-transform: uppercase;
}

table, tr, td 
{border: none; background-color: transparent; padding: 0;}
table 
{border: none; background-color: transparent;}
table table 
{border: none; border-color: none; background-color: transparent;}
table table table 
{border:none; background-color: transparent; padding:0;}
table table table table 
{border: none; border-color: none;}
a, a:link, a:active, a:visited 
{color:6498cc; text-decoration:underline; font: 14px/1.5em Georgia;}
a:hover 
{color: white; text-decoration: none; font: 14px/1.5em Georgia;} 
a:link img, a:visited img {filter: none;border:0px;}

.contacttable, .whitetext12,
.nametext, .lightbluetext8,
.orangetext15,.blacktext12,
.btext,.redtext,
.redbtext, .userprofileurl, 
.interestsanddetails, .userprofiledetail,
.latestblogentry, .blurbs td.text, 
.blurbs .orangetext15, .friendspace,
.friendscomments, .userprofileapp, 
.profileinfo
{display:none !important;}
div.clearfix table div div {display:block;}
table div div, table div font,
div.topnav{ display:none; }
.header_gae {visibility:visible}

.clearfix {margin-top: -45px;  height: -0px; width:63.5%;}
div div, div td {background-color:; background-image:none!important;}
div.profileWidth {margin-top: -57px !important;}
div.profileWidth div.clearfix {position:relative; top:100px !important; margin-left:40px !important;}
.mslogo{display:none!important;}
div div select, div div form {display:none !important;}
div div div select {position:absolute !important;  margin-left:0px !important; left:40px !important; display:none !important;}

a img {border: 0px;}

a.home:hover, a.msg:hover, a.friends:hover, a.block:hover, a.add:hover {
background-position:bottom right;
}
a.home {
display:block;
background-image:url(http://cbimg6.com/layouts/09/07/35147ad.png);
background-position:top left;
position:absolute;
top:165px;
left:50%;
margin-left:-150px;
height:50px;
width:100px;
}
a.add {
display:block;
background-image:url(http://cbimg6.com/layouts/09/07/35147ae.png);
background-position:top left;
position:absolute;
top:165px;
left:50%;
margin-left:-50px;
height:50px;
width:100px;
}
a.msg {
display:block;
background-image:url(http://cbimg6.com/layouts/09/07/35147af.png);
background-position:top left;
position:absolute;
top:165px;
left:50%;
margin-left:50px;
height:50px;
width:100px;
}
a.block {
display:block;
background-image:url(http://cbimg6.com/layouts/09/07/35147ag.png);
background-position:top left;
position:absolute;
top:165px;
left:50%;
margin-left:150px;
height:50px;
width:100px;
}
a.friends {
display:block;
background-image:url(http://cbimg6.com/layouts/09/07/35147ah.png);
background-position:top left;
position:absolute;
top:165px;
left:50%;
margin-left:250px;
height:50px;
width:100px;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="about">
<h1>Wong Fu Productions</h1>
A couple spend a carefree day together with the underlying knowledge that they may soon have to separate. The two share bittersweet memories as they recall their time together in the busy city. From the subway to the ferry, Hong Kong's public transportation carries their story and also acts as a metaphor for the future of their relationship.

<h1>Thursday May 21th, 2009</h1>
Maecenas bibendum lacinia metus, tincidunt dictum turpis <u>fermentum</u> at. Morbi placerat bibendum cursus. Fusce bibendum, ligula et vehicula cursus, ligula est tempus purus, sed tristique sem mauris sit amet turpis. Cras scelerisque tincidunt ante, vel feugiat augue consectetur quis.
<br /> <br />Quisque sed est at quam ornare consectetur eu sit amet nisl. Aenean semper feugiat nibh, et cursus tellus ultrices commodo. Lorem <s>ipsum</s> dolor sit amet, consectetur adipiscing elit. Praesent ut sapien ipsum, at dignissim neque. Cras nec erat vel lacus ultrices tincidunt. Sed a metus sit amet mi semper gravida at sit amet dolor. Duis lorem quam, rhoncus in tincidunt porta, malesuada eget odio. Donec vulputate ligula sed dui euismod adipiscing tincidunt neque hendrerit. Aenean ac leo enim, id lacinia purus. Quisque ac justo a sapien gravida commodo a id leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <i>Nulla</i> facilisi.
</div>

<div class="misc">
Quisque sed est at quam ornare consectetur eu sit amet nisl. Aenean semper feugiat nibh, et cursus tellus ultrices commodo. Lorem <s>ipsum</s> dolor sit amet, consectetur adipiscing elit. Praesent ut sapien ipsum, at dignissim neque. Cras nec erat vel lacus ultrices tincidunt. Sed a metus sit amet mi semper gravida at sit amet dolor. Duis lorem quam, rhoncus in tincidunt
<br><br>
<center>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="20" width="200">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  <param name="wmode" value="transparent" />
  <param name="bgcolor" value="#ffffff" />
  <param name="flashvars" value="mp3=http%3A//bandcamp.com/files/32/20/3220844752-2.mp3%7Chttp%3A//bandcamp.com/files/69/83/698367231-2.mp3&autoplay=1&loop=1&shuffle=2&loadingcolor=ffffff&bgcolor1=151515&bgcolor2=151515&slidercolor1=ffffff&slidercolor2=ffffff&sliderovercolor=ffffff&buttonovercolor=999999&showlist=0&playlistalpha=0&showplaylistnumbers=0" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://flash-mp3-player.net/medias/player_mp3_multi.swf" height="20" width="200" wmode="transparent" bgcolor="#ffffff" flashvars="mp3=http%3A//bandcamp.com/files/32/20/3220844752-2.mp3%7Chttp%3A//bandcamp.com/files/69/83/698367231-2.mp3&autoplay=1&loop=1&shuffle=2&loadingcolor=ffffff&bgcolor1=151515&bgcolor2=151515&slidercolor1=ffffff&slidercolor2=ffffff&sliderovercolor=ffffff&buttonovercolor=999999&showlist=0&playlistalpha=0&showplaylistnumbers=0" />
</object>
</center>
</div>

<div class="links">
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="nav">Comment</a>
<a href="http://blog.myspace.com/XXXXXXXX" class="nav">Blog</a>
<a href="http://createblog.com" class="nav">createblog</a>
<a href="http://deviantart.com" class="nav">Deviantart</a>
<a href="http://myspace.com/teaforcrafty" class="nav">crafty-designs</a>
<a href="#" class="nav">misc.</a>
</div>

Layout Comments

Showing latest 10 of 20 comments

(but no space in the link)

By ZeroGrafics on Dec 18, 2009 3:46 pm

I freakin wanna use this soo badd its just :( i dont like rainbows lOl. (its obviously not the um...."homo thing" lmfao cause thats just RUDE and offensive lOl. sooooooo ya :o btww i totally have a best friend thats a guy who is ______ you know! HA he loves the layout & sooooo do I!

By koobecaf on Nov 2, 2009 11:13 am

Wow! Your work is always so amazing! Good work on this one too. :) ~ZeroGrafics

By ZeroGrafics on Jul 19, 2009 2:02 pm