Crimson

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 side bar by using
4. in the friends section, replace the images with those of your friends.

• 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 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; } body { background-color:5f0505; background-image:url(http://cbimg9.com/layouts/08/05/27731aa.png); background-repeat:repeat-x; background-position:top left; cursor:default; } a { cursor:default; } table div { display:none; } div table div, table table div { display:block; } table, tr, td { background:none; border:0; } a { text-decoration:none!important; color:cf8b0e!important; font:bold 10px Arial, Helvetica, sans-serif; } a:hover { color:ffffff!important; } a img { border:0; } h1 { padding:0 0 0 17px; color:cf8b0e; font:35px Georgia, "Times New Roman", Times, serif; } .cmt { background-color:6c0606; border-color:5f0505; border-style:solid; border-width:1px; padding:3px; font:11px Tahoma; color:ffffff; width:100%; } .center { text-align:center; margin:0 auto; } .nav { width:764; height:35px; position:absolute; top:0%; left:50%; margin:128px 0 0 -382px; padding:0; } .navlinks { margin:15px 0 0 35px; color:333534; font-weight:bolder; padding:0; } .navlinks a { font-style:bold; color:ffffff!important; border-bottom-color:252525; border-bottom-style:solid; border-bottom-width:6px; } .navlinks a.first, .navlinks a.first:hover { color:cf8b0e!important; border-bottom-color:5f0505; } .navlinks a:hover { color:cf8b0e!important; border-bottom-color:5f0505; } .main { width:764px; background:url(http://cbimg9.com/layouts/08/05/27731ab.png) repeat-y top; position:absolute; top:0%; left:50%; margin:127px 0 0 -382px; } .maindiv { margin:0 0 0 31px; padding:0 0 20px 0; float:left; text-align:justify; color:ffffff; font:11px Tahoma; } .maindiv span, .maindiv p, .maindiv td { color:ffffff; font:11px Tahoma; } .contenttop { width:100%; height:35px; background:url(http://cbimg9.com/layouts/08/05/27731ac.png) top left; } .content { width:412px; } .content h1 { background:url(http://cbimg9.com/layouts/08/05/27731ad.png) no-repeat center left; } .sidebar { width:245px; } .sidebar h1 { background:url(http://cbimg9.com/layouts/08/05/27731ae.png) no-repeat center left; } .friends div { width:50px; height:50px; border:1px solid black; float:left; overflow:hidden; margin:3px; } .friends div img { width:50px; } .footer { width:412px; border-top-color:500104; border-top-style:solid; border-top-width:3px; clear:both; padding:10px 0 50px; color:920001; font:bold 10px Tahoma; } .footer span, .footer a { color:ffffff!important; font:bold 10px Tahoma; } </style>

<div class="main"> <div class="contenttop"></div> <div class="maindiv content"> <h1>About Me</h1> <p><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"><img src="http://a881.ac-images.myspacecdn.com/00632/08/88/632918880_m.gif" align="right" /></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis vitae sem commodo arcu dignissim vehicula. Quisque euismod turpis ac erat? Nullam ut quam. Praesent convallis. Aliquam eget risus. Pellentesque blandit nulla ut velit. Nulla sollicitudin ornare massa. Nam rutrum dapibus neque. Fusce sodales odio vel nisl? In ornare erat. Vivamus nulla purus, euismod quis, ullamcorper nec, ornare id, ipsum. Cras mattis dolor sit amet sem. Duis pharetra. Quisque tempor, nisi non ultricies hendrerit, erat ligula sollicitudin orci, ac vehicula libero lacus at diam. Nam fermentum eros at dolor. Sed scelerisque purus a ipsum. Suspendisse sed mi nec nulla ullamcorper sagittis. Mauris dictum erat a enim.</p> <p>Nunc molestie, lorem sed scelerisque dignissim, ipsum mauris consequat urna, nec laoreet neque felis vel arcu. Aliquam erat volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc laoreet turpis nec nulla. Nunc ultricies; justo sit amet vehicula iaculis, turpis justo malesuada pede, vitae vestibulum erat justo at tortor. Cras elementum. Pellentesque elementum. Suspendisse porttitor sollicitudin neque! Vivamus vel enim. Integer venenatis. Proin orci nisi, varius ut, scelerisque hendrerit, elementum ut, orci? Praesent mollis tristique nunc. Praesent eget metus. Aliquam vulputate, pede eget posuere venenatis, lorem lorem gravida mauris, non suscipit leo elit eget enim. Donec consectetuer dignissim nibh. Pellentesque condimentum enim ac lorem. Pellentesque sollicitudin posuere augue. Morbi condimentum sagittis tortor. Pellentesque tincidunt euismod justo.</p> <h1 id="comment">Comments</h1> <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="maindiv sidebar"> <h1>Interests</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis vitae sem commodo arcu dignissim vehicula. Quisque euismod turpis ac erat? Nullam ut quam. Praesent convallis. Aliquam eget risus. Pellentesque blandit nulla ut velit. Nulla sollicitudin ornare massa. Nam rutrum dapibus neque. Fusce sodales odio vel nisl? In ornare erat. Vivamus nulla purus, euismod quis, ullamcorper nec, ornare id, ipsum. Cras mattis dolor sit amet sem. Duis pharetra. Quisque tempor, nisi non ultricies hendrerit, erat ligula sollicitudin orci, ac vehicula libero lacus at diam. Nam fermentum eros at dolor. Sed scelerisque purus a ipsum. Suspendisse sed mi nec nulla ullamcorper sagittis. Mauris dictum erat a enim.</p> <h1>Music</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis vitae sem commodo arcu dignissim vehicula. Quisque euismod turpis ac erat? Nullam ut quam. Praesent convallis. Aliquam eget risus. Pellentesque blandit nulla ut velit. Nulla sollicitudin ornare massa. Nam rutrum dapibus neque. Fusce sodales odio vel nisl? In ornare erat. Vivamus nulla purus, euismod quis, ullamcorper nec, ornare id, ipsum. Cras mattis dolor sit amet sem. Duis pharetra. Quisque tempor, nisi non ultricies hendrerit, erat ligula sollicitudin orci, ac vehicula libero lacus at diam. Nam fermentum eros at dolor. Sed scelerisque purus a ipsum. Suspendisse sed mi nec nulla ullamcorper sagittis. Mauris dictum erat a enim.</p> <h1>Friends</h1> <div class="center friends" style="width:100%;"> <div> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://a881.ac-images.myspacecdn.com/00632/08/88/632918880_m.gif" /></a> </div> <div> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://a881.ac-images.myspacecdn.com/00632/08/88/632918880_m.gif" /></a> </div> <div> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://a881.ac-images.myspacecdn.com/00632/08/88/632918880_m.gif" /></a> </div> <div> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://a881.ac-images.myspacecdn.com/00632/08/88/632918880_m.gif" /></a> </div> <div> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://a881.ac-images.myspacecdn.com/00632/08/88/632918880_m.gif" /></a> </div> <div> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://a881.ac-images.myspacecdn.com/00632/08/88/632918880_m.gif" /></a> </div> <div> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://a881.ac-images.myspacecdn.com/00632/08/88/632918880_m.gif" /></a> </div> <div> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://a881.ac-images.myspacecdn.com/00632/08/88/632918880_m.gif" /></a> </div> </div> <p align="right"><a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends2&friendID=XXXXXXXX">View All Friends</a></p> </div> <div class="maindiv footer"> <span><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><br /> © 2008 Concept by <a href="http://fixtatik.com">Fixtatik</a>.<br /> © 2003-2008 Myspace.com. All rights reserved. </div> </div> <div class="nav"> <div class="navlinks"> <a href="http://home.myspace.com/index.cfm?fuseaction=user" class="first">Home</a> | <a href="http://messaging.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="#comment">Comment</a> | <a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="last">Block</a> </div> </div>

I just changed the hover cursor, you can do that too. That way you know when something is a link. (as for your friends images being clickable).

great layout ima use it. you sould make a black gold one.

I have one request for this layout. Can you make it so that when you hover over the six friends that it "highlights" with a red square or something so you know that its a clickable link.

Yeah the comment box only messes up in the preview. It looks just like the screenshot, when I apply it. I am currently using it.

i love that red. great job.

Oh this one's pretty snazzy, great job. And it might just be me or is the comment box messed up in the preview?

Nice! I like the organization. :D

This is so nice! I would love a pink one...

very nice. :]

You did it again! HAHA Dude you're my favorite!

View all »

Designer	fixtatik
Submitted on	May 19, 2008
Page views	14,101
Favorites	88
Comments	13
Reviewer	doublehelix
Approved on	May 19, 2008

minimal, clean, two column, simple

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

• Here I Stand Layouts