Chocolate Lace

Designer's Comments

Look carefully for specific instructions

quick info
- you should have an intermediate to advanced understanding of HTML to use this layout.
- you may not alter anything other than described below without first contacting me.
- do not change or remove the footer.

customizing
1. replace all XXXXXX with your friendID.
2. replace all ###### with your top friends' friendIDs.
3. in the friends section, replace the images with your friends' pictures.

more layouts at fixtatik.com.

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 type="text/css">
{ (c)2008 fixtatik - http://fixtatik.com }
.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, .friendSpace, .friendsComments, table div, .profile, div div table div ul, div div table div { display:none!important; }
div table div, table table div, .clearfix, div div table div div, table div div embed, table div div object { display:block!important; }
table, tr, td { background:none; padding:0; }

td, p, a, span, div, ol, ul, li, font { color:9d9d8c; font:12px/18px 'trebuchet ms', arial, sans-serif; }
.navigation li, .footer p, .footer a { font:9px 'trebuchet ms', arial, sans-serif; }
a:hover, a:active { text-decoration:none!important; }
p, span, li, font { padding:5px; }
h1 { font-size:15px; font-weight:normal; color:ffffff; border-bottom-color:48442f; border-bottom-style:solid; border-bottom-width:1px; display:block; }
h2 { font-size:12px; font-weight:normal; color:ffffff; border-bottom-color:2d2d28; border-bottom-style:solid; border-bottom-width:1px; display:block; }
h3, h4, h5, h6 { font-size:12px; }

a img { border-color:48442f; border-style:solid; border-width:1px; }
a img:hover { border-color:2d2d28; }

.content_text a:link, .content_text a:visited, .footer a:link, .footer a:visited { color:adad89; }
.content_text a:hover, .content_text a:active, .footer p a:hover, .footer p a:active { color:c1c179; }

:focus { outline:none; }

body { background:url(http://cbimg9.com/layouts/08/06/28813aa.png); margin-top:50px; }

.navigation { background-color:2e2e28; border-bottom-color:48442f; border-bottom-style:solid; border-bottom-width:3px; left:0; position:fixed; top:0; width:100%; }
.navigation ul { margin:0 auto; padding:5px 0; width:980px; }
.navigation ul li { display:inline; list-style:none; margin:0; text-transform:uppercase; }
.navigation ul li a:link, .navigation ul li a:visited { color:86866a; font:9px 'trebuchet ms', arial, sans-serif; padding:7px 8px; }
.navigation ul li a:hover { color:86866a; background-color:48442f; }

.main { left:0; position:absolute; top:160px; width:100%; }
.top { background:url(http://cbimg9.com/layouts/08/06/28813ab.png) top center repeat-x; height:30px; width:100%; }
.content { background-color:2a2a26; display:table!important; width:100%; }
.content_text { margin:0 auto; width:980px; }
  .details { display:table!important; margin:0 auto; width:468px; }
  .details_top { background:url(http://cbimg9.com/layouts/08/06/28813ac.png) no-repeat; height:8px; width:468px; }
  .details_mid { background:url(http://cbimg9.com/layouts/08/06/28813ad.png) repeat-y; display:table!important; width:468px; }
  .details_mid table { width:100%; }
  .details_mid table td { vertical-align:top; font:bold 9px 'trebuchet ms', arial, sans-serif; }
  .details_mid table td span { color:e5e117; font:bold 9px 'trebuchet ms', arial, sans-serif; }
  .details_bot { background:url(http://cbimg9.com/layouts/08/06/28813ae.png) no-repeat; height:8px; width:468px; }
  .left { float:left; border-right-color:48442f; border-right-style:solid; border-right-width:1px; }
  .right { float:right; border-left-color:2d2d28; border-left-style:solid; border-left-width:1px; }
  .left, .right { display:table!important; height:100%; width:486px; }
  span.number { color:e5e117; font:bold 9px 'trebuchet ms', arial, sans-serif; }
  span.number:hover { color:b1ae11; }
.friends { clear:both; display:table!important; margin:0 auto; width:960px; }
  .friends_top { background:url(http://cbimg9.com/layouts/08/06/28813af.png) no-repeat; height:8px; width:960px; }
  .friends_mid { background:url(http://cbimg9.com/layouts/08/06/28813ag.png) repeat-y; display:table!important; width:960px; }
  .friends_mid h1 { border:none; margin:0 20px; }
  .friends_mid img { margin:5px 0 5px 10px; width:70px; }
  .friends_bot { background:url(http://cbimg9.com/layouts/08/06/28813ah.png) no-repeat; height:8px; width:960px; }
.footer { background:url(http://cbimg9.com/layouts/08/06/28813ai.png) top center repeat-x; height:30px; padding-top:40px; width:100%; }
.footer p { margin:0 auto; text-transform:uppercase; width:980px; }

.stoopid_ie { content:"internet explorer fixes"; }
.navigation { _left:50%; _margin-left:-500px; _position:absolute; _width:1000px; }
.main { _left:50%; _margin-left:-500px; _width:1000px; }
.content_text { _text-align:center; }
.details_top, .friends_top { _background-position:bottom; }
.details, .left, .right { _text-align:left; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="details_top"></div>
          <div class="details_mid">
            <table>
            <tr>
              <td>
                <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX">
                <img src="http://cbimg9.com/layouts/08/06/28813aj.png" alt="" /></a>
              </td>
              <td>
                <table>
                <tr><td><span>Age:</span></td><td>AGE</td></tr>
                <tr><td><span>Gender:</span></td><td>GENDER</td></tr>
                <tr><td><span>Location:</span></td><td>LOCATION</td></tr>
                </table>
              </td>
              <td>
                <table>
                <tr><td><span>Status:</span></td><td>STATUS</td></tr>
                <tr><td><span>Orientation:</span></td><td>ORIENTATION</td></tr>
                <tr><td><span>Body type:</span></td><td>BODY TYPE</td></tr>
                <tr><td><span>Ethnicity:</span></td><td>ETHNICITY</td></tr>
                <tr><td><span>Smoke / Drink:</span></td><td>SMOKE / DRINK</td></tr>
                </table>
              </td>
            </tr>
            </table>
          </div>
          <div class="details_bot"></div>

</div>

<h1><span class="number">01</span>About Me</h1><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras arcu nibh, tempus in, ornare quis, blandit in, lorem. Donec eget risus sit amet nulla varius condimentum. Nam viverra enim ac turpis. Nulla facilisi. Maecenas tortor tortor, accumsan in, vestibulum at, auctor et, quam. Quisque erat tellus, hendrerit egestas; tristique ut, adipiscing vel, libero. Donec congue lectus vel dolor. Aenean venenatis, arcu at dictum varius, nunc turpis viverra purus, quis consectetuer lectus nunc non tortor. Nam tincidunt. Praesent id orci vitae lorem sagittis dignissim. Quisque accumsan augue sed nisi. Etiam commodo, ipsum non tempor sollicitudin, nisl mi iaculis tellus; vitae accumsan orci risus sed massa. Fusce id velit? Maecenas volutpat lacus sed tortor?</p>
      </div>

<div class="right">
<h2><span class="number">02</span>Interests</h3>
<p>Curabitur iaculis purus pulvinar libero. Phasellus sit amet tellus. Nulla porta faucibus metus! Vivamus id erat nec urna lobortis mollis. Aenean auctor urna in ligula. In lacinia, arcu eu semper bibendum, risus risus eleifend tellus, quis placerat felis leo eget ligula. In hac habitasse platea dictumst. Curabitur faucibus, est et luctus tristique, augue odio vehicula odio; vitae volutpat odio dolor sit amet metus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus felis nisl, placerat non, volutpat ut, tempor at, est. Suspendisse tincidunt dui pharetra nisl. Vestibulum elit. Nam sollicitudin. Nam leo!</p>

<h2><span class="number">03</span>Music</h3>
<p>Curabitur iaculis purus pulvinar libero. Phasellus sit amet tellus. Nulla porta faucibus metus! Vivamus id erat nec urna lobortis mollis. Aenean auctor urna in ligula. In lacinia, arcu eu semper bibendum, risus risus eleifend tellus, quis placerat felis leo eget ligula. In hac habitasse platea dictumst. Curabitur faucibus, est et luctus tristique, augue odio vehicula odio; vitae volutpat odio dolor sit amet metus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus felis nisl, placerat non, volutpat ut, tempor at, est. Suspendisse tincidunt dui pharetra nisl. Vestibulum elit. Nam sollicitudin. Nam leo!</p>

<h2><span class="number">04</span>Movies</h3>
<p>Curabitur iaculis purus pulvinar libero. Phasellus sit amet tellus. Nulla porta faucibus metus! Vivamus id erat nec urna lobortis mollis. Aenean auctor urna in ligula. In lacinia, arcu eu semper bibendum, risus risus eleifend tellus, quis placerat felis leo eget ligula. In hac habitasse platea dictumst. Curabitur faucibus, est et luctus tristique, augue odio vehicula odio; vitae volutpat odio dolor sit amet metus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus felis nisl, placerat non, volutpat ut, tempor at, est. Suspendisse tincidunt dui pharetra nisl. Vestibulum elit. Nam sollicitudin. Nam leo!</p>
      </div>

</div>

<h1><span class="number">05</span>Friends<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX"><span class="number">view all</span></a></h1>

</div>

<p>
      © 2008 <a href="http://fixtatik.com">Fixtatik.com</a>. © 2003-2008 Myspace.com. All rights reserved.
      <a href="http://www.myspace.com/index.cfm?fuseaction=misc.terms">Terms</a> |
      <a href="http://www.myspace.com/index.cfm?fuseaction=misc.privacy">Privacy</a> |
      <a href="http://www.myspace.com/index.cfm?fuseaction=cms.viewpage&placement=safetysite">Safety</a> |
      <a href="http://collect.myspace.com/index.cfm?fuseaction=misc.contactInput&ProfileContentID=XXXXXXXX">Report Abuse</a>
    </p>

</div>

<div class="navigation">
  <ul>
  	<li>www.myspace.com/your_myspace_url</li>
    <li><a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a></li>
    <li><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add</a></li>
    <li><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message</a></li>
    <li><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">Comment</a></li>
    <li><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">Pictures</a></li>
    <li><a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">View Friends</a></li>
    <li><a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block</a></li>
  </ul>
</div>