heavily medicated

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.

Disappointment. =/ If you don't want the comments to show you will have to either wait for me to finish my version 2 of this or figure it out you're self.

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>
.le {display:block;width:138px;height:90px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/10/32097ac.png"); background-repeat:no-repeat; background-position:top left; }
.le:hover {display:block;width:138px;height:90px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/10/32097ad.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>
<style>
.com {display:block;width:142px;height:73px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/10/32097ae.png"); background-repeat:no-repeat; background-position:top left; }
.com:hover {display:block;width:142px;height:73px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/10/32097af.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/32097aa.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p>
<style>
.bl {display:block;width:76px;height:76px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/10/32097ag.png"); background-repeat:no-repeat; background-position:top left; }
.bl:hover {display:block;width:76px;height:76px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/10/32097ah.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>
<style>
.go {display:block;width:322px;height:38px; background-color:transparent; background-image:url("http://i38.tinypic.com/2n1gcpg.gif"); background-repeat:no-repeat; background-position:top left; }
.go:hover {display:block;width:322px;height:38px; background-color:transparent; background-image:url("http://i33.tinypic.com/2j4y3j7.jpg"); background-repeat:no-repeat; background-position:bottom left;}
</style>
<style>
.add {display:block;width:209px;height:137px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/10/32097ak.png"); background-repeat:no-repeat; background-position:top left; }
.add:hover {display:block;width:209px;height:137px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/10/32097al.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:15px;
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: -1px;
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

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

</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. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 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. Nunc tristique velit ut metus. Nunc tristique velit ut metus. 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.

<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. 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. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 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. Nunc tristique velit ut metus. Nunc tristique velit ut metus. </blockquote>

<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. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 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. Nunc tristique velit ut metus. Nunc tristique velit ut metus.

<h3>Header 3</h3>

<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. 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. </blockquote>

</div>

Layout Comments

Showing latest 10 of 69 comments

I love this version!

By returnablexgirl on Aug 30, 2009 2:33 pm

It's an animation, no codes.

By none345678 on Jun 25, 2009 12:48 am

Is there anyway I can get the code for the 'write me a love letter' thingy? D: But anyways. I really love this DIV. It's amazing. ;D

By Wolfshdw on Jun 25, 2009 12:25 am

I love where the comments section it! :D
Awesome job!!
Question, where is the pictures link? lol

By RainFallAtUryo on May 15, 2009 5:26 pm

Grrrr. Woman. Must you MURDER me with al your gorgeous designs! I'm Jellin'! lmfao ha yess Im "jellin" like Dr. Showls shoes or what not but I'm "jelous" caz I cant do Crap like this. I mean Good crap that is. This shit is HOT!

By koobecaf on Apr 16, 2009 4:49 pm