I Eat Crackers

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 those of your friends.

NOTE: any extra tables, links, etc., that don't belong will not show up in your myspace profile; it's just a cB error.

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, table div embed, table div object { 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; }
.clearfix { left:18px; position:relative; }

body { background:rgb(255,255,255) url(http://cbimg9.com/layouts/08/07/29071aa.jpg) top center no-repeat; }

a, div, font, p, ol, ul, li, span, textarea, input { color:rgb(0,0,0); font:normal 11px/12px arial, sans-serif; text-align:justify; }
a:link, a:visited { color:rgb(145,93,111); }
a:hover { color:rgb(220,165,184); text-decoration:none; }
h1 { color:rgb(113,113,113); font:normal 20px/20px arial, sans-serif; }

textarea, input { border:1px solid rgb(170,170,170); color:rgb(170,170,170); font:normal 11px/12px arial, sans-serif; padding:5px; width:100%; }
textarea:hover, textarea:focus, input:hover, input:focus { border:1px solid rgb(113,113,113); color:rgb(113,113,113); }

.main { left:50%; margin:90px 0 0 -170px; position:absolute; top:0; width:340px; }
.header { background:url(http://fixtatik.com/images/div/16/images/header.php) top center no-repeat; display:block; height:246px; width:100%; }

.navigation { clear:both; margin:0 0 0 30px; padding:0; width:100%; }
.navigation li { float:left; list-style:none; padding:0; }
.navigation li a { display:block; height:30px; width:70px; }
  a.hom { background:url(http://cbimg9.com/layouts/08/07/29071ab.gif); } a.hom:hover { background:url(http://cbimg9.com/layouts/08/07/29071ac.gif); }
  a.add { background:url(http://cbimg9.com/layouts/08/07/29071ad.gif); } a.add:hover { background:url(http://cbimg9.com/layouts/08/07/29071ae.gif); }
  a.msg { background:url(http://cbimg9.com/layouts/08/07/29071af.gif); } a.msg:hover { background:url(http://cbimg9.com/layouts/08/07/29071ag.gif); }
  a.blk { background:url(http://cbimg9.com/layouts/08/07/29071ah.gif); } a.blk:hover { background:url(http://cbimg9.com/layouts/08/07/29071ai.gif); }

.page_navigation { clear:both; margin:0 0 0 25px; padding:20px 0; width:100%; }
.page_navigation li { float:left; list-style:none; padding:0; }
.page_navigation li a { border:1px solid rgb(170,170,170); color:rgb(170,170,170); margin:0 5px; padding:0 4px; }
.page_navigation li a:hover { background:rgb(255,255,255); border:1px solid rgb(113,113,113); color:rgb(113,113,113); text-decoration:none; }

.main div { padding:10px; overflow-x:hidden; text-align:justify; }
.main div img { border:0; }
.num { color:rgb(170,170,170); font:bold 13px/14px arial; margin:0 10px 0 0; }
.friends img { width:24%; }
.subtitle a:link { color:rgb(170,170,170); font:normal 10px/12px arial; margin:0 0 10px 0; position:relative; text-align:left; text-transform:lowercase; top:-15px; }
.subtitle a:hover { color:rgb(113,113,113); }

.footer { background:url(http://cbimg9.com/layouts/08/07/29071aj.png) bottom center no-repeat; margin:10px 0; }
.footer p { padding:0 0 10px 0; text-align:center; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<ul class="page_navigation">
    <li><a href="#about">1</a></li>
    <li><a href="#interests">2</a></li>
    <li><a href="#music">3</a></li>
    <li><a href="#movies">4</a></li>
    <li><a href="#television">5</a></li>
    <li><a href="#books">6</a></li>
    <li><a href="#sports">7</a></li>
    <li><a href="#heroes">8</a></li>
    <li><a href="#friends">9</a></li>
    <li><a href="#comments">10</a></li>
  </ul>
  
  <div id="about">
    <h1><span class="num">1.</span>About Me <a href="#top" style="text-align:center; margin-top:20px;"><img style="width:auto;" src="http://cbimg9.com/layouts/08/07/29071ak.png" /></a></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 id="interests">
    <h1><span class="num">2.</span>Interests <a href="#top" style="text-align:center; margin-top:20px;"><img style="width:auto;" src="http://cbimg9.com/layouts/08/07/29071ak.png" /></a></h1>
    <p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas tortor lacus, ornare eu, semper ut, dapibus in, metus. Praesent semper. Duis a neque. Aliquam eleifend, dolor at faucibus suscipit, quam libero ultrices felis, a mollis justo diam et arcu! Integer ipsum metus, mattis vel, pulvinar ut, venenatis ac, justo? In hac habitasse platea dictumst. Cras sed erat eu sapien dignissim mattis. <a href="#">Mauris erat nisl</a>, posuere sed, <a href="#">blandit at</a>, faucibus a, pede? Morbi faucibus ipsum at est. Integer ante diam, pellentesque sit amet, commodo sit amet, vehicula a, orci. Phasellus massa magna; congue ut; adipiscing sed, pharetra nec, ligula. Proin posuere volutpat eros.
    </p>
  </div>

<div id="music">
    <h1><span class="num">3.</span>Music <a href="#top" style="text-align:center; margin-top:20px;"><img style="width:auto;" src="http://cbimg9.com/layouts/08/07/29071ak.png" /></a></h1>
    <p>
Nam blandit orci quis metus. Ut id ante. Sed aliquet sapien porta dui. Phasellus auctor orci sodales tortor. Ut orci diam, ultrices id, rutrum et, hendrerit eu, erat. Ut luctus lorem a eros. Etiam id massa hendrerit ante viverra pharetra? Pellentesque pulvinar, arcu quis lobortis vestibulum; augue neque auctor dui, consequat rhoncus lorem urna nec felis. Etiam fermentum ipsum vel purus. Curabitur faucibus pede sed purus. Praesent rutrum egestas turpis!
    </p>
  </div>

<div id="movies">
    <h1><span class="num">4.</span>Movies <a href="#top" style="text-align:center; margin-top:20px;"><img style="width:auto;" src="http://cbimg9.com/layouts/08/07/29071ak.png" /></a></h1>
    <p>
Nam blandit orci quis metus. Ut id ante. Sed aliquet sapien porta dui. Phasellus auctor orci sodales tortor. Ut orci diam, ultrices id, rutrum et, hendrerit eu, erat. Ut luctus lorem a eros. Etiam id massa hendrerit ante viverra pharetra? Pellentesque pulvinar, arcu quis lobortis vestibulum; augue neque auctor dui, consequat rhoncus lorem urna nec felis. Etiam fermentum ipsum vel purus. Curabitur faucibus pede sed purus. Praesent rutrum egestas turpis!
    </p>
  </div>

<div id="television">
    <h1><span class="num">5.</span>Television / Videos <a href="#top" style="text-align:center; margin-top:20px;"><img style="width:auto;" src="http://cbimg9.com/layouts/08/07/29071ak.png" /></a></h1>
    <p>
Nam blandit orci quis metus. Ut id ante. Sed aliquet sapien porta dui. Phasellus auctor orci sodales tortor. Ut orci diam, ultrices id, rutrum et, hendrerit eu, erat. Ut luctus lorem a eros. Etiam id massa hendrerit ante viverra pharetra? Pellentesque pulvinar, arcu quis lobortis vestibulum; augue neque auctor dui, consequat rhoncus lorem urna nec felis. Etiam fermentum ipsum vel purus. Curabitur faucibus pede sed purus. Praesent rutrum egestas turpis!
    </p>
  </div>

<div id="books">
    <h1><span class="num">6.</span>Books <a href="#top" style="text-align:center; margin-top:20px;"><img style="width:auto;" src="http://cbimg9.com/layouts/08/07/29071ak.png" /></a></h1>
    <p>
Nam blandit orci quis metus. Ut id ante. Sed aliquet sapien porta dui. Phasellus auctor orci sodales tortor. Ut orci diam, ultrices id, rutrum et, hendrerit eu, erat. Ut luctus lorem a eros. Etiam id massa hendrerit ante viverra pharetra? Pellentesque pulvinar, arcu quis lobortis vestibulum; augue neque auctor dui, consequat rhoncus lorem urna nec felis. Etiam fermentum ipsum vel purus. Curabitur faucibus pede sed purus. Praesent rutrum egestas turpis!
    </p>
  </div>

<div id="sports">
    <h1><span class="num">7.</span>Sports <a href="#top" style="text-align:center; margin-top:20px;"><img style="width:auto;" src="http://cbimg9.com/layouts/08/07/29071ak.png" /></a></h1>
    <p>
Nam blandit orci quis metus. Ut id ante. Sed aliquet sapien porta dui. Phasellus auctor orci sodales tortor. Ut orci diam, ultrices id, rutrum et, hendrerit eu, erat. Ut luctus lorem a eros. Etiam id massa hendrerit ante viverra pharetra? Pellentesque pulvinar, arcu quis lobortis vestibulum; augue neque auctor dui, consequat rhoncus lorem urna nec felis. Etiam fermentum ipsum vel purus. Curabitur faucibus pede sed purus. Praesent rutrum egestas turpis!
    </p>
  </div>

<div id="heroes">
    <h1><span class="num">8.</span>Heroes <a href="#top" style="text-align:center; margin-top:20px;"><img style="width:auto;" src="http://cbimg9.com/layouts/08/07/29071ak.png" /></a></h1>
    <p>
Nam blandit orci quis metus. Ut id ante. Sed aliquet sapien porta dui. Phasellus auctor orci sodales tortor. Ut orci diam, ultrices id, rutrum et, hendrerit eu, erat. Ut luctus lorem a eros. Etiam id massa hendrerit ante viverra pharetra? Pellentesque pulvinar, arcu quis lobortis vestibulum; augue neque auctor dui, consequat rhoncus lorem urna nec felis. Etiam fermentum ipsum vel purus. Curabitur faucibus pede sed purus. Praesent rutrum egestas turpis!
    </p>
  </div>

<div id="friends" class="friends">
    <h1><span class="num">9.</span>Friends <a href="#top" style="text-align:center; margin-top:20px;"><img style="width:auto;" src="http://cbimg9.com/layouts/08/07/29071ak.png" /></a></h1>
    <span class="subtitle"><a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends2&friendID=XXXXXXXX">View All Friends</a></span><br />
    <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX">
    <img src="http://cbimg9.com/layouts/08/07/29071al.png" /></a>

<div id="comments">
    <h1><span class="num">10.</span>Comments <a href="#top" style="text-align:center; margin-top:20px;"><img style="width:auto;" src="http://cbimg9.com/layouts/08/07/29071ak.png" /></a></h1>
    <span class="subtitle"><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">View All Comments</a></span><br />
    <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
    <input name="friendID" value="XXXXXXXX" type="hidden">
    <textarea class="cmt" cols="10" rows="4" name="f_comments"></textarea><br />
    <input class="cmt" type="submit" value="Send It"></form>
  </div>

<div class="footer">
    <p>
      © 2008 <a href="http://fixtatik.com">Fixtatik</a>.
      © 2003-2008 Myspace.com.<br />
      <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 />
      <br />
      <a href="#top" style="text-align:center; margin-top:20px;"><img style="width:auto;" src="http://cbimg9.com/layouts/08/07/29071ak.png" /></a>
    </p>
  </div>

</div>

Layout Comments

Showing latest 10 of 10 comments

I see nothing of crackers :( how about making one? ^^

By miila on Apr 27, 2009 4:39 pm

whoooooa.. very nice& neat.
cute too!

By crayons3 on Jul 19, 2008 12:20 am

I think the purple-ish background doesn't match with the image(s) (like the bridge image and others that the colors are more brownish). Cool nav and header image though. :D

By dreamgurl36 on Jul 4, 2008 2:00 pm

rollovers are nice

By mikxoh on Jul 4, 2008 12:02 am

I see no problems with it. It's really nice. I also notice something else... the images change to a different one, randomly. That's interesting.

By CreativeArticulate on Jul 3, 2008 6:58 am

i can see in the snap shot of the layout, the design is nicely done, but the coding needs work. its too high up. I suggest using about 165px from the top with the new myspace nav area, also, the coding used didn't clear out everything from the back and its still showing through. that needs to be fixed.

By eMarie2470 on Jul 3, 2008 12:52 am

since no one likes to read designer's comments, and i know how mutilated this looks in the previewer, please at least read this before complaining it's messed up: the createblog previewer is out of date and has errors in it. the search bar, the huge grey button, and the extra tables do NOT show up in your myspace profile. i always make sure that my layouts will work in all browsers; there's no reason for me to include the extra coding to make it look "nice" on cB, because that's just extra coding to make loading times longer and won't make any difference on your myspace profile. bear with the problems until jusun fixes the previewer, please.

By fixtatik on Jul 2, 2008 9:39 pm

The screenshot doesn't match the layout because the layout previewer here isn't up to date with the actual Myspace coding.

By karmakiller on Jul 2, 2008 9:39 pm

the screenshot doesn't match the layout..

By emberfly on Jul 2, 2008 9:36 pm

it's very pretty

By stormbringer on Jul 2, 2008 9:32 pm

Layout Details

Designer	fixtatik
Submitted on	Jul 2, 2008
Page views	12,975
Favorites	65
Comments	10
Reviewer	karmakiller
Approved on	Jul 2, 2008

I Eat Crackers

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