Black and White Mess

Designer's Comments

Look carefully for specific instructions

Layout Guidelines:
Technical
1. Replace XXXXXXXXX with your friendID.
2. Please do not use this layout if you have no previous knowledge of html or css since it's required.
3. You may remove the copyright but, it could lead to deletion of your myspace.
4. Layout was tested in both Fire Fox and Internet Explorer.

Copyright
1. Do not under any circumstances use or take my code and layout design.
2. I'm tired of searching around createblog and seeing bits and pieces of my code in other people's layouts.
3. STOP STEALING!
4. Please do not remove the credit.

- Thank you for using my layout.
envisionartist

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>
.mslogo, .clearfix form, .clearfix a, .clearfix select, .profileinfo, .contacttable, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .extendednetwork, .latestblogentry, .blurbs td.text, .orangetext15, .friendspace, .friendscomments, table div {display:none!important;}
table table div, .clearfix, .clearfix div {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;} 
.bodycontent div {_filter:alpha(opacity:100)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
</style>

div, font, big, small {
font-family:arial;
font-size:11px;
color:000000;
text-decoration:none;
font-weight:normal;
}

.layout {
position:absolute; 
border:0px;
background-color:transparent;
overflow:hidden;
top:110px;
left:0px;
}

.aboutme {
position:absolute; 
border:0px;
background-color:FFFFFF;
overflow:visible;
top:500px;
left:290px;
width:270px;
height:;
}

.title {
font-family:arial black;
font-size:25px;
text-transform:uppercase;
display:block;
color:333333;
letter-spacing:-3px; 
}

.extra {
position:absolute;
background-color:FFFFFF; 
border:0px; 
overflow:visible;
width:225px;
height:;
top:635px;
left:5px;
}

img {border:0px;}

a:link, a:visited, a:active {
font-family:arial;
font-size:11px;
color:CC6699;
text-decoration:none;
font-weight:normal;
}

b {border-bottom:1px dashed; border-color:CC6699;}

a:hover {
font-family:arial;
font-size:11px;
color:000000;
text-decoration:none;
font-weight:normal;
background-color:CC6699;
}

.links {
position:absolute; 
background-color:transparent; 
border:0px; 
overflow:visible; 
left:85px; 
top:430px;
width:500px;
}

.links a, .links a:link, .links a:visited, .links a:active {
font-family:arial;
font-size:25px;
font-weight:normal;
letter-spacing:-3px;
text-decoration:none; 
line-height:15px;
color:CC6699;
text-transform:lowercase;
}

.links a:hover {
font-family:arial;
font-size:25px;
font-weight:normal;
letter-spacing:-3px;
text-decoration:none; 
line-height:15px;
color:555555;
text-transform:lowercase;
background-color:transparent;
}
</style><div style="background-color:transparent; border:0px; padding:0px; position:absolute; top:0px; left:0px;"><A href="http://envisionartist.createblog.com/">Envisionartist</a></div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="layout">
<img src="http://cbimg6.com/layouts/08/01/20/24784aa.png"

/> </div>

<div class="aboutme">
<span class="title">About me</span>
Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. 
<span class="title">I'd like to meet</span>
I'd like to meet a person someday. I'd like to meet a person someday. I'd like to meet a person someday. I'd like to meet a person someday. 
</div>

<div class="extra">
<span class="title">interests</span>
Your interests go here. Your interests go here. Your interests go here. Your interests go here. Your interests go here. Your interests go here. Your interests go here. Your interests go here. Your interests go here. Your interests go here. Your interests go here.

<span class="title">details</span>
<b>Name</b>: <br />
<b>Gender</b>: <br />
<b>Location</b>: <br />
<b>Status</b>: <br />
<b>Orientation</b>: <br />
<b>Religion</b>: <br />
<b>Zodiac Sign</b>: <br />
<b>DOB</b>: <br />
<b>Occupation</b>: <br />
<span class="title">top friends</span>
<marquee>
<img src="http://cbimg6.com/layouts/08/01/20/24784ab.gif" />
<img src="http://cbimg6.com/layouts/08/01/20/24784ab.gif" />
<img src="http://cbimg6.com/layouts/08/01/20/24784ab.gif" />
<img src="http://cbimg6.com/layouts/08/01/20/24784ab.gif" />
<img src="http://cbimg6.com/layouts/08/01/20/24784ab.gif" />
<img src="http://cbimg6.com/layouts/08/01/20/24784ab.gif" />
</marquee>

<br /><br /><br /><br />
<b>©2003-2008 MySpace.com. All Rights Reserved. <br />Layout by <a href="http://37am.net">37am.net</a></b>
</div>

<div class="links">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" target="_self">Home!</a>
<a

href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"

target="_self">Befriend!</a>
<a

href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX"

target="_self">Comment!</a>
<a

href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" target="_self">Message!</a>
<a

href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" target="_self">Journal!</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" target="_self">Photos!</a>
</div>

Layout Comments

Showing latest 10 of 21 comments

i love this layout,works great. great job on makin it

By smokingkills on Aug 5, 2008 2:38 pm

I used this layout for my boyfriends myspace. Just changed the pink nav to green. Works great! Thankyou!

By ShapeofaGirl on Jun 16, 2008 12:25 pm

the layout is awesome. i love the pink for the navi. and the fonts fit well. i'm using it (:

BTW, people, did you not read the instructions? you have to know a bit of html or you're going to have trouble! -roll eye-

By flutter on Mar 7, 2008 2:46 pm

ehh kinda plain nd boring

By musicfreak93 on Feb 24, 2008 5:07 pm

how do i get my top to show??

By Edgartron on Feb 23, 2008 6:32 pm

I'm using it, but I can't figure out how to get my top friends to show up!

By santedarkwa on Feb 20, 2008 5:28 pm

how do u add the top friends is it http links uadd or is it the url or what great layout thnx

By xthemedicx on Feb 17, 2008 3:25 pm

love it using

By MagicTwinkle on Feb 12, 2008 9:54 pm

how do you add top friends?!?!

By iloveyou3 on Feb 4, 2008 7:37 pm

Awesome layout!!
Though, I think it would've been better if you put the navi links in a small content box for navi instead of all at the top. =]
Other than that, the image is amazing and yeah. =]

By DelicateLove on Jan 29, 2008 6:30 pm

View all »

Layout Details

Designer	melancholiclights
Submitted on	Jan 20, 2008
Page views	62,703
Favorites	378
Comments	21
Reviewer	Relentless
Approved on	Jan 20, 2008

Black and White Mess

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