Tense

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace the XXXXXXXX with your friend id

wouldn't be surprised if this shiz was rejected. For realz.

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

a img { border-color:cacaca!important; border-style:solid!important; border-width:1px!important;margin-right:5px!important;
margin-left:5px!important;margin-bottom:5px!important;
 }
a img:hover { border-color:ffffff!important; }   
 
.friendsComments {display:none;}

blockquote{background-color: 6f1b30;
padding: 10px;
width: 530px;
margin-left: 7px;
line-height: 13px;
_margin-left: 17px;
}

a {color:542b27 !important;
font-family:arial!important;
font-size:8pt!important;
letter-spacing: 3px!important;
font-weight: normal!important;
}

a:hover {color:593e33 !important;
font-family:arial!important;
font-size:8pt!important;
letter-spacing: 3px;
text-decoration:none!important;}

img {border:0px;}

h1 {color:e8e0d1!important; 
font-family:arial;
font-size:9pt;
letter-spacing: 2px;
text-transform:lowercase;  
line-height:15px;
text-align:left;
border-right: 5px solid;
border-bottom: 1px solid; 
border-color:e8ce9d;
font-weight:normal; 
margin-bottom:10px;  
margin-top:10px;}

h2 {color:e8ce9d!important; 
font-family:arial;
font-size:8pt;
letter-spacing: 3px;
text-transform:lowercase;  
line-height:15px;
text-align:center;
border-left: 0px solid;
border-bottom: 1px solid;  
border-color:e8e0d1;
font-weight:normal; 
margin-bottom:10px;  
margin-top:20px;}

h3 {color:6f1b30!important; 
font-family:arial;
font-size:9pt;
letter-spacing: 2px;
text-transform:lowercase;  
line-height:15px;
text-align:left;
border-right: 5px solid;
border-bottom: 1px solid; 
border-color:b03452;
font-weight:normal; 
margin-bottom:10px;  
margin-top:10px;}

h4 {color:b03452!important; 
font-family:arial;
font-size:8pt;
letter-spacing: 3px;
text-transform:lowercase;  
line-height:15px;
text-align:center;
border-left: 0px solid;
border-bottom: 1px solid;  
border-color:6f1b30;
font-weight:normal; 
margin-bottom:10px;  
margin-top:20px;}

h5 {color:000000!important; 
font-family:Times New Roman;
font-size:28pt;
letter-spacing: 3px;
text-transform:none;  
line-height:15px;
text-align:center;
border-left: 0px solid;
border-bottom: 0px solid;  
border-color:6f1b30;
font-weight:normal; 
margin-bottom:10px;  
margin-top:10px;}

U {
border-bottom-color: e8ce9d;  }

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

S {
font-style: strike; }

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

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

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

</style>

<p><a href="http://iwontrapeyou.createblog.com/" 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{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>

</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<h5>Title Here</h5>

</div>

<h1>I said I was a serial killer,</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>Not perfect.</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.

<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>

<h3>I said I was a serial killer,</h3>

<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.
<h4>Not perfect.</h4>
<marquee>   
<img src="http://cbimg9.com/layouts/08/12/32981ac.png" border="0" alt="" /></a>
<img src="http://cbimg9.com/layouts/08/12/32981ac.png" border="0" alt="" /></a>
<img src="http://cbimg9.com/layouts/08/12/32981ac.png" border="0" alt="" /></a>
<img src="http://cbimg9.com/layouts/08/12/32981ac.png" border="0" alt="" /></a>
<img src="http://cbimg9.com/layouts/08/12/32981ac.png" border="0" alt="" /></a>
</marquee>

</div>

<div class="aboutme2" style="position: absolute; margin-left: 250;_margin-left: 30; top:280px; width:150px; height:271px; overflow: none; text-align:left;">
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" target="_blank">Message</a><br /><br />
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" target="_blank">Add Me</a><br /><br />
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" target="_blank">Blog</a><br /><br /> 
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" target="_blank">Photos</a><br /><br />
</div>

<div class="aboutme2" style="position: absolute; 
margin-left:410;_margin-left: 150; top:280px; width:150px; height:271px; overflow: none; text-align:left;">
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" target="_blank">Block</a><br /><br />
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" target="_blank">Comment</a><br /><br />
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX&MyToken=3c805e8e-827a-42d6-aaf9-c5f5a565bc49" target="_blank">Friends</a><br /><br />
<a href="http://home.myspace.com/index.cfm?fuseaction=user" target="_blank">Go Home</a><br /><br />
</div>

Layout Comments

Showing latest 10 of 16 comments

I was really excited to use your layout, and now I can't because nothing is aligned right :(

By hoesoverbros on Jul 25, 2009 2:17 pm

oh yeah and it works just fine on safari but not on internet explorer, but my friend has the same layout and on internet explorer it works just fine//: fixxx!

By KassiAxo95 on Jul 7, 2009 10:37 am

plz fix the fact that it's aligned a little too far to the left; pleaseeee fix!!

By KassiAxo95 on Jul 7, 2009 10:36 am

this layout is awesome but it dosent fit the page correctly..it is too aligned to the left..please fix

By desmon on Jan 15, 2009 4:45 pm

LOVE LOVE LOVE LOVE LOVE LOVE IT!!!

By nady89 on Jan 14, 2009 6:39 pm

added to faves, i love it

By crimsonsorrow on Dec 15, 2008 1:54 am

Thank you guys and gals!

By none345678 on Dec 14, 2008 2:42 pm

I loooove it. *o*

By so-sarcastic on Dec 14, 2008 12:22 pm

Whoa, this is something. I like it.

By tokyo-rose on Dec 13, 2008 9:45 pm

i really like the background.

By michellekdo on Dec 12, 2008 5:45 pm

View all »

Layout Details

Designer	none345678
Submitted on	Dec 11, 2008
Page views	26,391
Favorites	234
Comments	16
Reviewer	manny-the-dino
Approved on	Dec 12, 2008

Tense

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