Mind You, Read the Notes

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

• 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

<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, table div embed, table div object { display:none!important; } div table div, table table div, table div div embed, table div div object { display:block!important; } .clearfix div { height:0; width:0; } .clearfix { left:18px; position:relative; } .profile, .profile div, .profile input, .clearfix select, .clearfix option, .clearfix ul { display:none!important; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } table div div embed, table div div object { position:relative; top:auto; left:auto; margin:auto; } table, tr, td { background:none; padding:0; } *, html, body { margin:0; padding:0; } body { background:rgb(32,25,22) url(http://cbimg9.com/layouts/08/08/30275aa.gif) repeat-x; margin-top:27px; overflow-x:hidden; } .page { left:0; margin:137px 0 0 0; position:absolute; text-align:center; top:0; width:100%; } .main { margin:0 auto; text-align:left; width:788px; } .left { float:left; padding:0 0 10px; width:280px; } .friends a img { border:7px solid rgb(197,171,122); margin:5px; width:65px; } .friends a:hover img { border:7px solid rgb(174,151,107); } .navigation { margin:0 5px; } .navigation a { display:block; float:left; margin:2px; padding:5px 10px; } .navigation a:hover { background:rgb(73,51,35); border:1px solid rgb(91,69,0); padding:4px 9px; } .comment textarea { background:rgb(197,171,122); border:1px solid rgb(174,151,107); margin:5px 5px 0; width:265px; } .comment input { background:none; border:none; color:rgb(255,255,255); margin:1px 5px 5px; padding:5px 10px; } .comment input:focus, .comment input:hover { background:rgb(73,51,35); border:1px solid rgb(91,69,0); cursor:pointer; padding:4px 9px; } textarea, input { font:12px helvetica, 'trebuchet ms', sans-serif; } .right { float:right; padding:0 0 10px; width:488px; } .content-top { background:url(http://cbimg9.com/layouts/08/08/30275ab.png) no-repeat; height:10px; width:488px; } .content-mid { background:rgb(126,106,83); width:488px; } .content-text { margin:0 10px; width:468px; } .content-bot { background:url(http://cbimg9.com/layouts/08/08/30275ac.png) no-repeat; height:10px; width:488px; } .footer { background:rgb(53,38,30); border-top:2px solid rgb(80,57,46); clear:both; padding:25px 0 65px 0; text-align:center; width:100%; } .footer span { color:rgb(215,203,181); } .footer span a:link, .footer span a:visited { color:rgb(174,143,85); } .footer span a:active, .footer span a:hover { color:rgb(255,255,255); } div, p, td, span, font { font:12px helvetica, 'trebuchet ms', sans-serif; text-align:justify; } h1, h2, h3, h4, h5, h6 { color:rgb(204,0,0); font:bold 20px georgia, times, serif; } h1 { padding:10px 20px; } a:active, a:hover, a:link, a:visited { color:rgb(255,255,255); font:12px helvetica, 'trebuchet ms', sans-serif; text-decoration:none; } .content-text a:active, .content-text a:hover { color:rgb(181,102,5); } h1 span { font:normal 12px helvetica, 'trebuchet ms', sans-serif; } p { padding:5px 0; text-indent:10px; } .default img { border:7px solid rgb(144,42,38); float:right; margin:10px 0 10px 10px; width:100px; } .default:hover img { border:7px solid rgb(197,32,34); } { IE fixes } .page { _left:50%; _margin:137px 0 0 -700px; _position:absolute; _top:0; _width:1400px; } .content-mid { _margin-top:-5px; } .comment input { _background:rgb(73,51,35); _border:1px solid rgb(91,69,0); } </style>

<div class="page"> <div class="main"> <div class="left"> <div class="friends"> <h1>Friends <span>[<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">View All</a>]</span></h1> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://cbimg9.com/layouts/08/08/30275ad.png" /></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://cbimg9.com/layouts/08/08/30275ad.png" /></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://cbimg9.com/layouts/08/08/30275ad.png" /></a> <br /> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://cbimg9.com/layouts/08/08/30275ad.png" /></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://cbimg9.com/layouts/08/08/30275ad.png" /></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://cbimg9.com/layouts/08/08/30275ad.png" /></a> </div> <div class="navigation"> <a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add</a> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message</a> <a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block</a> </div> <div class="comment"> <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="Post Comment"> </form> </div> </div> <div class="right"> <h1>About Me</h1> <div class="content-top"></div> <div class="content-mid"> <div class="content-text"> <p> <a class="default" href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"><img src="http://cbimg9.com/layouts/08/08/30275ae.png" /></a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras at leo? In at diam. Donec magna. Nullam rhoncus dignissim felis. Vestibulum nunc lectus; semper vitae, suscipit a, faucibus eget, nunc. Vestibulum arcu? Aliquam hendrerit turpis ac magna. Nulla est mi, vulputate pharetra, porttitor non, lacinia vel, erat. In hendrerit odio ac enim. Nullam metus! Donec non turpis. Donec ac lacus et tortor malesuada laoreet? Phasellus faucibus ullamcorper ligula. Suspendisse potenti. Aliquam nibh nibh, feugiat dictum, viverra vitae, posuere vitae, pede. Ut velit? Etiam magna pede, elementum a, pulvinar at, molestie vel, turpis. </p> <p> Donec ut est vel ipsum condimentum gravida? Nulla facilisi. Proin lectus tellus, convallis in, gravida in, aliquet in; nisl. Curabitur et risus vel elit interdum tincidunt? Praesent nisi. Pellentesque libero leo, mollis at, fringilla sed; molestie non, dui. Aliquam pellentesque ornare magna. Maecenas rutrum odio non libero. Vivamus odio. Nam dolor nisl, consectetuer nec, pharetra vel, hendrerit quis, nulla. Integer pharetra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed at arcu vel lacus luctus adipiscing! Nam id lacus eget lorem consectetuer commodo. Suspendisse at massa a est mollis auctor. </p> <p> Nam ac pede at pede molestie euismod. Mauris eget dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum vel turpis quis neque euismod dapibus! Vestibulum vel tellus. Nulla felis. Sed volutpat, dui sit amet lacinia commodo; nisl massa consectetuer arcu, ut imperdiet turpis turpis a sapien. Vestibulum id mauris. Nam ante leo, congue commodo, blandit id, dignissim et, enim. Morbi eget tellus? Mauris volutpat, ante at tincidunt feugiat, sapien nisi gravida augue, eu cursus tortor libero sed orci. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec vel magna vel orci aliquet eleifend. </p> </div> </div> <div class="content-bot"></div> </div> </div> <div class="footer"> <span> © 2008 <a href="http://www.fixtatik.com">Fixtatik Design Studios</a>. © 2003-2008 Myspace.com <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> </span> </div> </div>

very nice, smooth, and clean -as always. :)

music doesn't play on FF, but it does on Explorer. is there a way you can fix that, because i really like this. THANKS!

Well the preview looks Terrible but Its createblogs fault.

When you actually use the layout it will look just like the screenshot.

Accept I think the ad will be there.

as i agree with allvanishing :)

Great as always. Very... parchment like?

Designer	fixtatik
Submitted on	Aug 6, 2008
Page views	12,843
Favorites	78
Comments	5
Reviewer	Relentless
Approved on	Aug 6, 2008

minimal, dark, two columns, grunge, curved corners

• Grab your Friend ID
• Grab layout codes
• Myspace / Xanga tracker

• Here I Stand Layouts