Burst

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. you can add more sections to the yellow section by using [font="Courier New"]TitleContent[/font].
4. in the friends section, replace the images with those of your friends.

credits:
- inspired by a WordPress theme by Julian Klewes

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 grrÐesign - http://grrdesign.createblog.com }
.navigationBar, .profileInfo, .userProfileURL, .contactTable, .interestsAndDetails, .userProfileDetail, .userProfileSchool, .userProfileNetworking, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .friendSpace, .friendsComments, .orangetext15, .btext, .redbtext, .redtext, .friendtext, .blacktext10 { display:none; }

* { margin:0; padding:0; }
html { min-height:100%; height:auto; }
body { margin:20px auto; background-color:ffa800; background-image:url(http://cbimg9.com/layouts/08/05/27747aa.png); background-repeat:repeat-x; background-position:top left; cursor:default; }

table div { display:none; }
div table div, table table div { display:block; }
table, tr, td { background:none; border:0; }

h1 { display:block; font:20px Georgia, "Times New Roman", Times, serif; padding:5px 0 5px 50px; margin:0 0 0 1px; }
h2 { display:block; font:18px Georgia, "Times New Roman", Times, serif; }
h3 { display:block; font:12px Georgia, "Times New Roman", Times, serif; }
a { font:11px Arial, Helvetica, sans-serif; text-decoration:none!important; }
a img { border:0; }

.main { width:100%; _width:800px; position:absolute; left:0; top:170px; }
.top { background:url(http://cbimg9.com/layouts/08/05/27747ab.png); margin:0; }

.content { width:100%; background-color:ff00f0; background-image:url(http://cbimg9.com/layouts/08/05/27747ac.png); background-repeat:repeat-x; background-position:top left; padding:20px 0; display:table; }
.contentmain { width:800px; }
.contenttext, .intereststext { width:450px; height:auto; margin:20px; float:left; }
.contenttop, .intereststop { width:450px; height:auto; background:url(http://cbimg9.com/layouts/08/05/27747ad.png); }
.p { margin:0 15px 0 50px; padding:15px 0; text-align:justify; }
.p p { text-align:justify; padding:5px 0; }
.contenttop, .contenttop p, .contenttop span, .contenttop a { color:ffffff!important; font:11px Arial, Helvetica, sans-serif; line-height:18px; }
.contenttop h1 { background:url(http://cbimg9.com/layouts/08/05/27747ae.png) no-repeat bottom left;}
.contenttop a { color:ffffff!important; border-bottom-color:ffd480; border-bottom-style:solid; border-bottom-width:1px; }
.contenttop a:hover { color:ffffff!important; border-bottom-color:f9fdfe; }

.sidebar { width:310px; float:right; margin:20px 0; }
.sidebartext { margin:0 40px; }
.sidebartext, .sidebartext p, .sidebartext span, .sidebartext a { color:ffd5f6!important; font:11px Arial, Helvetica, sans-serif; line-height:18px; }
.sidebartext a { border-bottom-color:ff66e3; border-bottom-style:solid; border-bottom-width:1px; }
.sidebartext a:hover { color:ffffff!important; border-bottom-color:ffd5f6; border-bottom-style:solid; border-bottom-width:1px; }
.sidebartext ul { list-style:none; }
.sidebartext li { border-bottom-color:c41c9e; border-bottom-style:dotted; border-bottom-width:1px; }
.sidebartext h2, .sidebartext h3 { color:c41c9e; }

.interests { width:100%; background-color:ffde00; background-image:url(http://cbimg9.com/layouts/08/05/27747af.png); background-repeat:repeat-x; background-position:top left; padding:20px 0; border-top-color:ffde00; border-top-style:solid; border-top-width:10px; display:table; }
.interestsmain { width:800px; }
.intereststop, .intereststop p, .intereststop span, .intereststop a { color:72787a!important; font:11px Arial, Helvetica, sans-serif; line-height:18px; }
.interests h1 { background:url(http://cbimg9.com/layouts/08/05/27747ag.png) no-repeat bottom left; }
.intereststop a { color:72787a!important; border-bottom-color:ffd480; border-bottom-style:solid; border-bottom-width:1px; }
.intereststop a:hover { color:ffffff!important; border-bottom-color:f9fdfe; }
.contentbot, .interestsbot { width:450px; height:15px; background:url(http://cbimg9.com/layouts/08/05/27747ah.png); }

.friends { width:310px; float:right; margin:20px 0; }
.friendstext { margin:0 40px; }
.friendstext a img { border:0; width:50px; }
.friendstext span a { text-align:right; margin:10px 0 0 0; color:ffeac1!important; border-bottom-color:ffd480; border-bottom-style:solid; border-bottom-width:1px; }
.friendstext span a:hover { color:ffffff!important; border-bottom-color:f9fdfe; }
.friendstext h2 { color:c4871c; }

.footer { margin:0 0 0 35px; }
.footer { padding:5px 0; color:ffd480!important; font:11px Arial, Helvetica, sans-serif; }
.footer a { color:ffd480!important; border-bottom-color:ffd480; border-bottom-style:solid; border-bottom-width:1px; }
.footer a:hover { color:ffffff!important; border-bottom-color:f9fdfe; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="main">
<div class="content">
  <div class="contentmain">
    <div class="contenttext">
      <div class="contenttop">
      <h1>About Me</h1>
        <div class="p">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam tellus sem, condimentum sit amet, rutrum non, tempus in, enim. Aenean ante nulla, eleifend in, tempor eget, cursus vel, dui. Nullam quis nunc ut est bibendum elementum. Quisque semper fringilla erat. Suspendisse potenti. Nullam pellentesque pretium sem. Integer et leo quis lacus eleifend euismod. Etiam nec elit. Sed ut orci. Etiam ultricies nunc in ligula! Vestibulum iaculis hendrerit mauris. Nulla suscipit hendrerit massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer nec tortor. Sed facilisis felis quis augue.</p>

<p>Proin blandit dui eu turpis. Phasellus sed leo. Quisque blandit blandit ipsum? Donec ultrices! Praesent ac massa at augue sodales ullamcorper! Aenean eu mi vel lorem vehicula commodo? Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse facilisis, magna at facilisis vulputate, pede lacus fringilla diam, at iaculis pede risus imperdiet velit. Donec eget leo vitae sapien ultricies aliquam. Sed nec sem. Nullam ipsum tortor, consequat vitae, volutpat nec, placerat vestibulum, lectus. Cras dapibus, odio sed tempus eleifend, justo ante tincidunt urna, a lacinia lacus risus a justo! Maecenas mauris odio, ultrices ac, suscipit a, commodo non, magna.</p>

<p>Mauris eleifend. Praesent bibendum diam! Phasellus eleifend nibh ac ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed neque id lacus tincidunt posuere. Etiam tempor gravida libero. Nulla ante. Sed ultrices cursus magna. Suspendisse euismod mauris lobortis metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam bibendum. In rhoncus, magna non adipiscing commodo, orci augue adipiscing turpis, non volutpat nisl metus sit amet diam. Nullam quis arcu nec odio consequat aliquam. Vivamus blandit bibendum massa. Duis quam? Pellentesque tristique congue est.</p>
        </div>
      </div>
      <div class="contentbot"></div>
    </div>
    <div class="sidebar">
      <div class="sidebartext">
        <h2>Name Here...</h2>
        <h3>“Headline here.”</h3>
        <img src="http://cbimg9.com/layouts/08/05/27747ai.gif" /><br />
        View my:
        <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">Pics</a> |
        <a href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&channelid=XXXXXXXX">Videos</a> |
        <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">Blog</a>

<h2>Navigation...</h2>
        <ul>
        <li><a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a></li>
        <li><a href="http://browseusers.myspace.com/Browse/Browse.aspx?z=1">Browse</a></li>
        <li><a href="http://forum.myspace.com">Forums</a></li>
        <li><a href="http://music.myspace.com">Music</a></li>
        <li><a href="http://vids.myspace.com">Videos</a></li>
        </ul>

<br style="line-height:20px;" />
        
        <h2>Contact...</h2>
        <ul>
        <li><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"><span>Message Me</span></a></li>
        <li><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"><span>Add to Friends</span></a></li>
        <li><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX"><span>Comment</span></a></li>
        <li><a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX"><span>Block</span></a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

<div class="interests">
  <div class="interestsmain">
    <div class="intereststext">
      <div class="intereststop">
      <h1>Interests</h1>
        <div class="p">
<p>Praesent rhoncus. Duis quis est non elit varius mollis. Maecenas eu tellus bibendum tellus porttitor tincidunt. Aenean sodales diam ac enim. Curabitur elit. Praesent viverra vulputate augue. Aliquam tincidunt magna vitae mi! Aliquam id justo eu velit ullamcorper posuere. Cras semper aliquam enim? Etiam eu sem. Vivamus id odio quis lectus dapibus malesuada. Aenean sed mi. Aenean tortor. Fusce iaculis urna at diam. Quisque nec augue sit amet orci pellentesque lacinia. Nulla placerat ante vel enim. Morbi ac felis vitae diam ornare posuere. Morbi a purus. Ut varius.</p>
        </div>
        <h1>Music</h1>
          <div class="p">
<p>Ut fringilla porttitor leo. Aliquam auctor tellus. Duis scelerisque. Suspendisse sit amet erat quis urna vehicula sodales. Morbi eros elit, semper eget, consectetuer eleifend, lacinia eget, justo. Phasellus in lorem in lorem vulputate egestas. Nulla magna mi; semper nec, pharetra ut; pretium nec, lacus. Nullam interdum arcu id dui? Vestibulum diam! In nec nisl.</p>
          </div>
        </div>
      <div class="interestsbot"></div>
    </div>
    <div class="friends">
      <div class="friendstext">
      <h2>Friends...</h2>
        <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX">
        <img src="http://cbimg9.com/layouts/08/05/27747ai.gif" alt="" /></a>
        <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX">
        <img src="http://cbimg9.com/layouts/08/05/27747ai.gif" alt="" /></a>
        <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX">
        <img src="http://cbimg9.com/layouts/08/05/27747ai.gif" alt="" /></a>
        <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX">
        <img src="http://cbimg9.com/layouts/08/05/27747ai.gif" alt="" /></a>

<div class="footer">
  © 2008 <a href="http://fixtatik.com">Fixtatik</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>
</div>
</div>