Cherry Blossom

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 "Createblog.com" with your friends' names.

NOTE: the extra tables in the layout will not show up in your myspace profile. it's just a CB error.

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; }
body { background-color:1e1e1e; background-image:url(http://cbimg9.com/layouts/08/05/27753aa.png); background-position:50% 1px; background-attachment:scroll; background-repeat:no-repeat; }

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

td, div, span, p { font:11px "Times New Roman", Times, serif; color:b0b0b0; line-height:11px; }
a { font:11px "Times New Roman", Times, serif; text-decoration:none!important; }
b, strong { font:bolder 12px "Times New Roman", Times, serif; color:007eff; line-height:11px; }
i, em { font:italic 12px "Times New Roman", Times, serif; color:7ca8d7; line-height:11px; }
h1 { display:block; padding:8px 4px 0; background:url(http://cbimg9.com/layouts/08/05/27753ab.png) bottom center no-repeat; font:20px Tahoma; }
h3 { font:18px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; }
a img { padding:3px; background-color:1e1e1e; border-color:7ca8d7; border-style:dotted; border-width:1px; }
a img:hover { background-color:494949; border-color:ebf5ff; }
img.default { margin:0 5px 0 0; }

.main { width:372px; position:absolute; top:0%; left:50%; margin:134px 0 0 -186px; }

.top { width:100%; height:15px; background:url(http://cbimg9.com/layouts/08/05/27753ac.png) top; }

.content { width:100%; background:url(http://cbimg9.com/layouts/08/05/27753ad.png); }
.content .p { display:block; margin:0 15px; padding:0 0 5px 0; }
.content p { padding:5px 0; text-align:justify; }

.footer { width:100%; height:185px; clear:both; background:url(http://cbimg9.com/layouts/08/05/27753ae.png) bottom left no-repeat; }
.footer div { width:100px; margin:5px 0 20px 18px; float:left; }
.footer div ul { list-style:none; }
.footer div li { border-color:7ca8d7!important; border-style:solid; border-top-width:1px; border-bottom-width:1px; border-left:0; border-right:0; margin:-1px 0; }
.footer a { display:block; color:7ca8d7!important; padding:2px 0 2px 10px; }
.footer a:hover { color:1057a0!important; background-color:ebf5ff; }

.credits { margin:10px; color:494949; font:11px Tahoma; }
.credits a { color:494949!important; font:11px Tahoma; }
.credits a:hover { color:898989!important; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="main">
  <div class="top"></div>
  <div class="content">
    <div class="p">
    <h1>About Me</h1>
<p><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"><img src="http://cbimg9.com/layouts/08/05/27753af.gif" class="default" align="left" /></a>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. <strong>Etiam nec elit.</strong> 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. <em>Sed nec sem.</em> 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>

<h1>Interests</h1>
<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="footer">
    <div>
    <h3>Navigation…</h3>
    <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>
      <li><a href="http://apps.myspace.com/Modules/AppGallery/Pages/featuredappgallery.aspx?fuseaction=apps/">Apps</a></li>
      <li><a href="http://comedy.myspace.com">Comedy</a></li>
    </ul>
    </div>

<div>
    <h3>Contact…</h3>
    <ul>
      <li><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add to Friends</a></li>
      <li><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Send Message</a></li>
      <li><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">Add Comment</a></li>
      <li><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">View Pictures</a></li>
      <li><a href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&channelid=XXXXXXXX">View Videos</a></li>
      <li><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">Read Blog</a></li>
      <li><a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block</a></li>
    </ul>
    </div>

<div>
    <h3>Friends…</h3>
    <ul>
      <li><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX">CreateBlog.com</a></li>
      <li><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX">CreateBlog.com</a></li>
      <li><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX">CreateBlog.com</a></li>
      <li><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX">CreateBlog.com</a></li>
      <li><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX">CreateBlog.com</a></li>
      <li><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX">CreateBlog.com</a></li>
      <li><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX">CreateBlog.com</a></li>
    </ul>
    </div>
  </div>

<div class="credits">
    <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><br />
    © 2008 <a href="http://fixtatik.com">Fixtatik</a><br />
    © 2003-2008 Myspace.com. All rights reserved.
  </div>
</div>

Layout Comments

Showing latest 8 of 8 comments

thanks! i think it's a wonderful layout.. i browsed your website and your submissions on cb.. i like your work.

By cloudeddayze on Jun 26, 2008 9:20 pm

i haven't had the chance to update the layouts on cB yet. the updated one is available on my website until i get around to editing these ones.

http://fixtatik.com/l ayou ts/index.php?view=standard.div &layoutid=6

By fixtatik on Jun 26, 2008 8:41 pm

is there a way to make it start lower? or to hide the new drop down menus on myspace?

By cloudeddayze on Jun 26, 2008 8:10 pm