Orange&Black

Designer's Comments

Look carefully for specific instructions

**NOTE: Looks just like screenshot on myspace, the cb preview is messed up*

Replace the XXXXX 's with your friend id
coded in FF

NOW it should look fine in IE

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>
object {position:absolute; height:45px; width:45px;}
object {top:0px; left:135%; margin-left:-400px;}
object {_top:0%; _margin-top:-382px; _margin-left:-169px;}
td td td object {position:static; margin:auto;}
</style><style>

.nav1 {display:block;
color:eeeeee !important;   
font-family:arial!important;
font-size:8pt!important;
letter-spacing: 1px!important;
font-weight: normal!important;
width:150px!important;
text-transform:none!important;
text-decoration:none!important;
line-height:18pt;
background-color:363633;
margin: 1px;
text-align: center;
margin-right:5px!important;
margin-left:5px!important;
letter-spacing: 0px;
border-top: 10px solid; 
border-bottom: 10px solid;
border-left-color: 363633;
border-right-color: 363633; 
border-top-color: 363633;
border-bottom-color: 363633;

}

.nav1:hover {display:block;
color:eeeeee !important;   
font-family:arial!important;
font-size:8pt!important;
letter-spacing: 1px!important;
font-weight: normal!important;
width:150px!important;
text-transform:none!important;
text-decoration:none!important;
line-height:18pt;
background-color:fc9324;
margin: 1px;
text-align: center;
margin-right:5px!important;
margin-left:5px!important;
letter-spacing: 0px;
border-top: 10px solid; 
border-bottom: 10px solid;
border-left-color: fc9324;
border-right-color: fc9324; 
border-top-color: fc9324;
border-bottom-color: fc9324;

}

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

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

a img { border-width:0px;}

h1 {display:block;
color:fff!important;  
font-family:georgia;
font-size:20pt!important;
letter-spacing: 1px!important;
font-weight: normal;
border-left: 0px solid; 
border-top: 0px solid; 
border-bottom: 0px solid; 
border-bottom-color: ffffff;
border-top-color: ffffff;
border-left-color: ffffff;
border-right: 0px solid;
border-right-color: dde3e5; 
text-transform:none!important;
text-decoration:bold!important;
line-height:13pt;
background-color:transparent;
margin: 1px;
text-align: left;
margin-top:5px;

letter-spacing: 0px;

}

h1:first-letter {color:fc9324 !important;  
font-family:georgia;
font-size:25pt!important;
}

U {
font: time; 
font-size: 12px; 
border-bottom: 1px solid; 
border-bottom-color: fc9324; 
text-decoration: none; 
text-transform:none; 
color: 999999;

}

I {
font-family: arial; 
font-style: none;
font-size: 12px;  
letter-spacing: 1px;
text-transform:none; 
color: fff; 
}

S {
font-style: strike; 
font-size: 12px; 
color: 999999; 
}

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

.aboutme2{
        font-family:arial;
	font-size:9pt;
	font-weight:normal;
	text-transform:none;
        line-height:14 px
	letter-spacing:0px;
        color:999999;
text-align: justify;
        cursor:Crosshair;}

</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;}.friendsComments {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;}
</style><p><a href="http://iwontrapeyou.createblog.com/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg6.com/layouts/08/10/31791aa.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p>

Layout Code

Copy and paste to I'd Like to Meet

Help

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

</div></div>

<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav1">Add Me</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav1">Message</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" class="nav1">Photos</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav1">Block</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav1">Go Home</a>
<br />

<a href="URL HERE!!" class="nav1">Best Friend #1</a>
<a href="URL HERE!!" class="nav1">Best Friend #2</a>
<a href="URL HERE!!" class="nav1">Best Friend #3</a>
<br />

</div>

Layout Comments

Showing latest 9 of 9 comments

yes i wish this was a web tempalte id use it in a heart beat. VERY NICE layout

By LadyLBlack on Oct 3, 2008 11:22 pm

That is what it was originally for.

Thanks. :D

By none345678 on Oct 3, 2008 4:40 pm

I really like this. It'd also make a really good website template.

By heyohereiam on Oct 3, 2008 1:12 pm

Clean, simple, elegant.

By melancholiclights on Oct 2, 2008 11:09 pm

I love this, looks great.

By Vaguememory on Oct 2, 2008 10:28 pm

Perfect for Halloween! Nice!

By addict on Oct 2, 2008 10:09 pm

The colors are kind of halloweeny, I like it.

By manic on Oct 2, 2008 9:55 pm

I meant screen shot. Ill fix the images, they broke.

Thanks

By none345678 on Oct 2, 2008 9:13 pm

You say that it looks like the preview does, when you apply to MySpace? If that's true, then it doesn't look correct. But this is nice, none the less. Oh and the images within the text, wrapped aren't showing.

By Weathered on Oct 2, 2008 9:10 pm

Layout Details

Designer	none345678
Submitted on	Oct 2, 2008
Page views	21,712
Favorites	152
Comments	9
Reviewer	Relentless
Approved on	Oct 2, 2008

Orange&Black

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