Just a Dream

Designer's Comments

Look carefully for specific instructions

- Replace the XXXXXXXXXX with your friend id. They are at the bottom. There are 4 of them.
- Works fine in both IE ans FF

WHAT YOU SEE IN THE SCREEN SHOT IS WHAT IT LOOKS LIKE ON MYSPACE.

Better or worse?

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>
.message {display:block;width:87px;height:23px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/10/32234ac.png"); background-repeat:no-repeat; background-position:top left; }

.message:hover {display:block;width:87px;height:23px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/10/32234ad.gif"); background-repeat:no-repeat; background-position:bottom left;}
</style>
<style>
.home {display:block;width:140px;height:98px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/10/32234ae.png"); background-repeat:no-repeat; background-position:top left; }

.home:hover {display:block;width:140px;height:98px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/10/32234af.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>
<style>
.pic {display:block;width:142px;height:48px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/10/32234ag.png"); background-repeat:no-repeat; background-position:top left; }

.pic:hover {display:block;width:142px;height:48px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/10/32234ah.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>
<p><a href="http://iwontrapeyou.createblog.com/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg9.com/layouts/08/10/32234aa.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p>
<style>
.block {display:block;width:125px;height:96px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/10/32234ai.png"); background-repeat:no-repeat; background-position:top left; }

.block:hover {display:block;width:125px;height:96px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/10/32234aj.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>

a {color:ee2b74 !important;
font-family:arial!important;
font-size:9pt!important;
letter-spacing: 0px!important;
font-weight: normal!important;
}

a:hover {color:ee73a1 !important;
font-family:arial!important;
font-size:9pt!important;
letter-spacing: 0px;
text-decoration:none!important;}

img {border:0px;}

h4 {color:353232!important;
font-family:georgia;
font-size:19pt;
letter-spacing:0px;
text-transform:none;
line-height:0px;
text-align:left;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h4:first-letter {font-size:24pt;}

h5 {color:fff!important;
font-family:arial;
font-size:10pt;
letter-spacing:5px;
text-transform:none;
line-height:4px;
text-align:left;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h1 {color:ee2b74!important;
font-family:georgia;
font-size:13pt;
letter-spacing:0px;
text-transform:none;
line-height:15px;
text-align:left;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h1:first-letter {font-size:18pt;}

h2 {color:ffee00!important;
font-family:georgia;
font-size:13pt;
letter-spacing:5px;
text-transform:none;
line-height:10px;
text-align:center;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h2:first-letter {font-size:18pt;}

h3 {color:00b1b0!important;
font-family:georgia;
font-size:13pt;
letter-spacing:9px;
text-transform:none;
line-height:15px;
text-align:right;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h3:first-letter {font-size:18pt;}

U {
border-bottom: 1px solid;
border-bottom-color: ffee00; }

I {
font-family: arial;
letter-spacing: 1px;
font-size:13px;}

S {
font-style: strike; }

B {
font-family:arial;
font-size:12px;
color:00b1b0;
letter-spacing: 0px;
font-weight:none;
border:0px;
text-transform: none; }

.aboutme1{
color:fff!important;
font-family:arial;
font-size:8pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;
text-align:justify;}

</style>

</style>
<style>body{cursor:Crosshair}</style>
<style>a:hover{cursor:Help}</style>
<style>
.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, table div { display:none!important;
}div table div, table table div {
display:block!important; padding:0;
}table, tr, td {
background:none; border:none;
}.clearfix, .clearfix div {
background-image:none!important;
overflow:hidden;
}.clearfix {
position:relative;
top:-30px;
width:728px;
}.clearfix .clearfix {
bottom:-30px;
margin:-45px 0 0;
position:relative;
top:auto;
width:auto;
}.clearfix .clearfix div {
margin:45px 0 0;
}.clearfix .clearfix div div {
margin:auto;
}.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul {
display:none!important;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}.friendSpace {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;}
</style>

}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<h1>Abbey Marie</h1>
<b>Age:</b> 17<br />
<b>Gender:</b> Female<br />
<b>Orientation:</b> Straight<br />
<b>Status:</b> Single <3<br />
<b>Zodiac:</b> Leo<br />
<img src="http://cbimg9.com/layouts/08/10/32234al.gif" align="left" />
Put a little aabout me thing here or just delet this. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim.

</div>

<h4>Maybe Put a Header Here?</h4>
<h5>and a quote here of sorts?</h5>

</div>

<h3>Header 3</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. 
<h4> Header 4</h4>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.

</div>

<h1>Header 1</h1>
<u>Underlined</u> <b>Bold</b> <s>Strike</s> <i>Italicize</i> <a href="url" target="_blank">Link</a>
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. 
<h2> Header 2</h2>
<blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula.</blockquote>

</div>

Layout Comments

Showing latest 10 of 62 comments

wow!! love it

By gabrielacristina on Mar 6, 2010 6:55 am

By far the coolest div layout I've seen. I'm using it :)

By pinkgiraffe16 on Sep 13, 2009 3:18 pm

Used it. =]

By eamahsyrt on Sep 12, 2009 2:59 pm

love the colours :]

By impurities on Aug 18, 2009 2:39 pm

i love the way the navigation is set up .
mannn , u r a genious ! loll :) .

By m3m3luv07 on Jun 21, 2009 1:52 pm

The hovers are my favourite part :]

By x3Simplicity on May 30, 2009 5:45 pm

I noticed what the problem was with the messages. (:

"

"

where it shows that, you have to remove the letter "U" placed in before the "http://mail..."

did that make sense? 'cause i suck at explaining. :D

By UnWrittenNote on May 1, 2009 9:29 pm

luv it

By Sayde17 on Apr 14, 2009 4:15 pm

any way of it showing comments?? if it did it would be perfect! lol

By miamiElly on Apr 8, 2009 9:15 am

picture? how do u do that?

By marymorgan on Mar 30, 2009 9:01 pm

View all »

Layout Details

Designer	none345678
Submitted on	Oct 26, 2008
Page views	53,857
Favorites	682
Comments	62
Reviewer	jaeminnie
Approved on	Oct 26, 2008

Just a Dream

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates