Scarification (DIV)

Designer's Comments

Look carefully for specific instructions

* Replace "YOURFRIENDID" with your friend identification number.

* Replace "#########" with your friends identification number.

* Tested in Firefox, Internet Explorer 7 & 8, Safari, Opera, Flock, and submitted to BrowserShots.

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

body {background-color: 353535; background-image:url("http://cbimg9.com/layouts/08/11/32516aa.jpg"); background-position:top center; background-repeat:repeat-y; overflow-x: hidden;}

a, a:link, a:active, a:visited {color: C3A64A; font:11px 'trebuchet ms', arial, sans-serif; text-decoration: none;}
a:hover {color: D4CCA5; font:11px 'trebuchet ms', arial, sans-serif; text-decoration: none;}

.Wrapper {width: 790px; position: absolute; top: 200px; left: 50%; margin-left: -395px;}

.Banner {background:url(http://cbimg9.com/layouts/08/11/32516ab.gif) top center repeat-x; height:197px; margin-bottom: 16px; width:790px;}

.Left_Column {width: 310px; float: left;}
.Right_Column {width: 450px; float: right;}
.Left_Mid, .Right_Mid, p {color: FFFFFF; font: 11px 'arial', arial, sans-serif;}

.Basic_Mid {background-color: 2B394B; padding: 4px;}
.Basic_Mid a:link img {border: 2px solid; border-color: AAAAAA; margin-top: 6px;}
.Basic_Mid a:hover img {border: 2px solid; border-color: DDDDDD;}
.Basic_Top {background-color: 2B394B; width: 310px; height: 35px; background-image: url(http://cbimg9.com/layouts/08/11/32516ac.gif);}

.Contact_Top {background-color: 2B394B; width: 310px; height: 35px; background: url(http://cbimg9.com/layouts/08/11/32516ad.gif); background-repeat: no-repeat; background-position: top center;}
.Contact_Mid {height: 50px; background-color: 2B394B; padding: 4px;}

.Playlist_Top {background-color: 2B394B; width: 310px; height: 35px; background-image: url(http://cbimg9.com/layouts/08/11/32516ae.gif);}

.Affiliates_Top {background-color: 2B394B; width: 310px; height: 35px; background-image: url(http://cbimg9.com/layouts/08/11/32516af.gif);}

.About_Top {background-color: 2B394B; width: 450px; height: 35px; background: url(http://cbimg9.com/layouts/08/11/32516ag.gif); background-repeat: no-repeat; background-position: top center;}

.Interests_Top {background-color: 2B394B; width: 450px; height: 35px; background: url(http://cbimg9.com/layouts/08/11/32516ah.gif); background-repeat: no-repeat; background-position: top center;}

.Friends_Mid a img {margin: 6px 3px 4px 3px; position: relative; left: 1px; _margin: 4px 3px 4px 2px; _left: 4px;}

.Friends_Mid a img {border: 2px solid; border-color: AAAAAA; width: 60px; height: 60px;}
.Friends_Mid a:hover img {border: 2px solid; border-color: DDDDDD; width: 60px; height: 60px;}
.Friends_Top {background-color: 2B394B; width: 450px; height: 35px; background: url(http://cbimg9.com/layouts/08/11/32516ai.gif); background-repeat: no-repeat; background-position: top center;}

.Left_Mid {background-color: 2B394B; padding: 4px;}
.Left_Bottom {background-color: 2B394B; background: url(http://cbimg9.com/layouts/08/11/32516aj.gif); background-repeat: no-repeat; background-position: center; height: 5px; margin-top: -5px;}

.Right_Mid, .Friends_Mid {background-color: 2B394B; padding: 4px;}
.Right_Bottom {background-color: 2B394B; background: url(http://cbimg9.com/layouts/08/11/32516ak.gif); background-repeat: no-repeat; background-position: center; height: 5px; margin-top: -5px;}

.footer {background:url(http://cbimg9.com/layouts/08/11/32516al.gif); background-repeat: no-repeat; background-position: top center; height:75px; margin-bottom: 25px; margin-top: 5px; width:790px;}

.footer p, .footer a, .footer a:link {font:10px 'trebuchet ms', arial, sans-serif; margin-top:53px !important; display: inline;}

.footer p {color: FFFFFF; padding-left: 5px; float: left; margin:0 auto; text-transform:uppercase;}

div.hr {height: 17px; margin: 5px 0px 5px 0px; background: url(http://cbimg9.com/layouts/08/11/32516am.gif); background-position: center; background-repeat: no-repeat;}

div.left_hr {height: 29px; margin-top: 4px; background: url(http://cbimg9.com/layouts/08/11/32516an.gif); background-position: center; background-repeat: no-repeat;}

div.right_hr {height: 29px; margin: 4px 0px 1px 0px; background: url(http://cbimg9.com/layouts/08/11/32516ao.gif); background-position: center; background-repeat: no-repeat;}

div.bottom_hr {height: 29px; margin-top: 4px; _margin-top: -15px; background: url(http://cbimg9.com/layouts/08/11/32516ap.gif) no-repeat center;}

.Left_Mid table, .Right_Mid table {width:80%;}
.Basic_Mid table td, .Left_Mid table td, .Right_Mid table td {color: FFFFFF; vertical-align:top; font:bold 9px 'trebuchet ms', arial, sans-serif;}
.Basic_Mid table td span, .Left_Mid table td span, .Right_Mid table td span {color: FFFFFF; vertical-align:top; font:bold 9px 'trebuchet ms', arial, sans-serif;}

a.Add_Me {float: left; width: 172px; height: 20px; display: block; background-repeat: no-repeat; background-image: url(http://cbimg9.com/layouts/08/11/32516aq.gif);}
a.Add_Me:hover {background-image: url(http://cbimg9.com/layouts/08/11/32516aq.gif); background-position: 0 -21;}

a.Message_Me {float: right; width: 126px; height: 20px; display: block; background-repeat: no-repeat; background-image: url(http://cbimg9.com/layouts/08/11/32516ar.gif);}
a.Message_Me:hover {background-image: url(http://cbimg9.com/layouts/08/11/32516ar.gif); background-position: 0 -21;}

a.Block_Me {float: right; width: 89px; height: 20px; display: block; margin-top: 8px; background-repeat: no-repeat; background-image: url(http://cbimg9.com/layouts/08/11/32516as.gif);}
a.Block_Me:hover {background-image: url(http://cbimg9.com/layouts/08/11/32516as.gif); background-position: 0 -21;}

a.Comment_Me {float: left; width: 200px; height: 20px; display: block; margin-top: 8px; margin-left: 1px; background-repeat: no-repeat; background-image: url(http://cbimg9.com/layouts/08/11/32516at.gif);}
a.Comment_Me:hover {background-image: url(http://cbimg9.com/layouts/08/11/32516at.gif); background-position: 0 -21;}

.clear {clear: both;}
a:active {outline: none;}
:focus{-moz-outline-style: none;}
img {border: 0; filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;}
img:hover{filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;}

.General_Title {background-image: url(http://cbimg9.com/layouts/08/11/32516au.gif); background-repeat: no-repeat; width: 55px; height: 17px; display: block;}

.Music_Title {margin-top: 8px; background-image: url(http://cbimg9.com/layouts/08/11/32516av.gif); background-repeat: no-repeat; width: 110px; height: 17px; display: block;}

.Movies_Title {margin-top: 8px; background-image: url(http://cbimg9.com/layouts/08/11/32516aw.gif); background-repeat: no-repeat; width: 115px; height: 17px; display: block;}

.TV_Title {margin-top: 8px; background-image: url(http://cbimg9.com/layouts/08/11/32516ax.gif); background-repeat: no-repeat; width: 135px; height: 17px; display: block;}

.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, .friendSpace, .friendsComments, table div {display:none!important;}
div table div, table table div {display:block!important; padding:0;}
object { bottom:0; left:0; margin:-1px 0 0 -394px; position:absolute;}
td td td object {position:static; margin:auto;}
table, tr, td {background:none; border:none;}
*, html, body {margin:0; padding:0;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<td><table>
</td><td>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</td></tr>

</td><td>Age</td></tr>
</td><td>Gender</td></tr>
</td><td>Location</td></tr>
</td><td>Status</td></tr>
</td><td>Orientation</td></tr>
</table></td></tr></table>
</div>
<div class="Left_Bottom"></div>

</div>
<div class="clear"></div>
<div class="Left_Bottom"></div>

</div>
<div class="Left_Bottom"></div>

<table>
<tr><td><span><a href="">Profile</a></span></td>
<td><a href="">Link</a></td></tr>

<tr><td><span><a href="">Profile</a></span></td>
<td><a href="">Link</a></td></tr>

<tr><td><span><a href="">Profile</a></span></td>
<td><a href="">Link</a></td></tr>
</table>

</div>
<div class="Left_Bottom"></div>

</div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris id tellus quis tortor condimentum congue. In arcu mauris, faucibus non, auctor eget, faucibus tincidunt, arcu. Donec libero justo, elementum at, pulvinar eget, bibendum tempor, quam. Praesent hendrerit interdum tortor. Vivamus eget enim. Maecenas ultrices.

Aenean ut sapien. Integer tempus leo. Vivamus leo sem, scelerisque at, sagittis eget, varius et, lacus. Aliquam tincidunt iaculis mi. In libero nisl, pretium vestibulum, vulputate eget, facilisis vitae, justo. Nunc vitae dui a nibh porta accumsan. Fusce diam. Sed tincidunt lobortis dolor.
 
</div>
<div class="Right_Bottom"></div>

<div class="Interests_Top"></div>
<div class="Right_Mid">
    <span class="General_Title"></span>
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris id tellus quis tortor condimentum congue.

<span class="Music_Title"></span>
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris id tellus quis tortor condimentum congue.

<span class="Movies_Title"></span>
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris id tellus quis tortor condimentum congue.

<span class="TV_Title"></span>
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris id tellus quis tortor condimentum congue.

</div>
<div class="Right_Bottom"></div>

</div>
<div class="Right_Bottom"></div>

</div>

<div class="footer">
    <p>
Layout created by <a href="http://www.myspace.com/itsmattadams" title="View Profile" alt="View Profile">Matt</a>.
      Best viewed in <a href="http://www.getfirefox.net/" title="Get Firefox" alt="Get Firefox">Mozilla Firefox</a>
      © 2003-2008 Myspace.com. All rights reserved.
      <a href="http://www.myspace.com/index.cfm?fuseaction=misc.terms" title="Read Terms" alt="Read Terms">Terms</a> |
      <a href="http://www.myspace.com/index.cfm?fuseaction=misc.privacy" title="Privacy" alt="Privacy">Privacy</a> |
      <a href="http://www.myspace.com/index.cfm?fuseaction=cms.viewpage&placement=safetysite" title="Safety First" alt="Safety First">Safety</a> |
      <a href="http://collect.myspace.com/index.cfm?fuseaction=misc.contactInput&ProfileContentID=XXXXXXXX" title="Report Abuse" alt="Report Abuse">Report Abuse</a>
    </p>
  </div>

</div>

Layout Comments

Showing latest 4 of 4 comments

great work!

By calilani on Apr 3, 2009 12:40 pm

@ynani_gurl
I don't control what songs are played via that music player, it's completely random.

By itsmattadams on Feb 9, 2009 10:33 pm

i love it.. using it... i do also love the music on this layout..... no rihanna music PLS!!! all else is excellent!! Thanks so much! =)

cheers! to the creater,
Nani

By ynani_gurl on Feb 8, 2009 8:44 pm

This is really neat. Any chance you'll be working on a Profile 2.0 style of this? I like how Profile 2.0 is, but I don't like the fact that I can't have rollover contact nav, and I can't even style the top nav at all on 2.0... lol.

If you already know how to do those things, any chance you could share with me how via message or something? Thanks.

By Weathered on Nov 14, 2008 8:05 am

Layout Details

Designer	itsmattadams
Submitted on	Nov 12, 2008
Page views	288,502
Favorites	102
Comments	4
Reviewer	micron
Approved on	Nov 13, 2008

Scarification (DIV)

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