This is an Elephant

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.
4. if you use any linked images, add class="nounderline" to the link tag to avoid the white underline. (ex, )

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, .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; } body { background-color:373431; background-image:url(http://fixtatik.com/images/div/14/body_bg.png); background-position:top center; background-repeat:repeat-y; margin-top:10px; } a, div, font, p, ol, ul, li, span, textarea, input { color:5c5751; font:normal 15px arial, sans-serif; } a:link, a:visited { color:ff0066; border-bottom-color:161514; border-bottom-style:solid; border-bottom-width:1px; text-decoration:none; } a:hover, a:active { border-bottom-color:ffffff; text-decoration:none; } a.nounderline:link, a.nounderline:visited, a.nounderline:hover, a.nounderline:active { border-bottom:0; } a:link img, a:visited img { border-color:5c5751; border-style:solid; border-width:5px; height:160px; margin:5px; } a:hover img, a:active img { border-color:ff0066; border-style:solid; border-width:5px; } .content img, .friends img { border-color:5c5751; border-style:solid; border-width:5px; margin:5px; } .friends img { height:160px; } .main { background-color:161514; display:table; left:50%; margin:120px 0 0 -370px; position:absolute; top:0; width:740px; } .navigation { height:100px; text-align:right; width:100%; } .navigation a { color:ffffff; border:0; font:bold 10px arial, serif; letter-spacing:2px; padding:6px; text-transform:uppercase; } .navigation a:hover { background-color:ff0066; text-decoration:none; } .header { border-bottom-color:5c5751; border-bottom-style:dotted; border-bottom-width:1px; height:180px; } .header h1 { clear:left; color:ffffff; float:left; font:normal 40px georgia, serif; margin:0; padding:0 0 30px 0; text-transform:lowercase; } .header h2 { clear:left; color:5c5751; float:left; font:normal 15px arial, sans-serif; margin:0; padding:0 0 35px 0; text-transform:lowercase; } .header img { float:right; width:130px; } .content { border-bottom-color:5c5751; border-bottom-style:dotted; border-bottom-width:1px; display:table!important; padding:0 0 35px 0; width:100%; } .aboutme { float:left; width:360px; } .interests { float:right; width:360px; } .aboutme h1, .interests h1, .friends h1, .comments h1 { color:5c5751; font:normal 20px georgia, serif; margin:30px 0; text-align:left; text-transform:uppercase; } .friends { width:100%; } .friends p { text-align:right; } .comments { text-align:center; width:100%; } .comments textarea, .comments input { background-color:7b756d; border-color:5c5751; border-style:solid; border-width:1px; margin:5px; padding:5px; } .comments textarea { width:100%; } .comments input { width:250px; } .comments textarea:hover, .comments textarea:focus, .comments input:hover, .comments input:focus { background-color:a0988f; border-color:7b756d; } .footer { padding:20px 0 5px; width:100%; } .footer p, .footer a { font:normal 12px arial, sans-serif; } </style>

<div class="main"> <div class="navigation"> <a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message</a> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add</a> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">Comment</a> <a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block</a> </div> <div class="header"> <a class="nounderline" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"> <img src="http://cbimg9.com/layouts/08/06/28986ab.png" alt="" /></a> <h1>Name Here</h1> <h2>“Headline / Quote Here”</h2> </div> <div class="content"> <div class="aboutme"> <h1>About Me</h1> <p><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> </p> <p> Donec sed odio nec metus dictum auctor. In iaculis, nibh sed accumsan malesuada, eros tortor placerat nibh, eu tristique massa est at dui? Pellentesque enim sapien, pretium sed, scelerisque id, fermentum a; lacus. Maecenas pharetra, nunc feugiat vehicula sodales, sem ligula imperdiet dolor; sit amet malesuada libero est non eros. Etiam congue scelerisque massa. Etiam nunc augue, fringilla eu, tempor ut, laoreet at, odio. Duis lectus nisl; congue sed, ornare in, mollis ut, tortor! Suspendisse potenti. Nulla accumsan. <i>Cras lacinia neque in magna</i>. In mi. Nulla quis magna. In vehicula, nisi euismod euismod porttitor, pede massa dapibus libero, non bibendum metus augue vel tortor. Vivamus id tellus. Proin accumsan? Sed in ipsum <strong>venenatis diam suscipit ornare</strong>. Cras quis dolor et tortor pulvinar tincidunt. </p> </div> <div class="interests"> <h1>Music</h1> <p> Praesent lorem odio, vulputate at, tempor vel, fermentum quis, dui. Donec dapibus. Aenean a massa. Mauris leo enim; congue sit amet, placerat vitae, posuere id, nisl. Sed venenatis fringilla arcu? Nullam consequat neque et risus! Suspendisse potenti. Etiam varius lectus et ante. Vivamus ornare, dolor sed luctus consectetuer, elit leo condimentum metus, ut auctor risus est ac tortor. Vivamus arcu. Curabitur sapien metus, tempor sit amet, tincidunt cursus, vulputate a; nisi. Proin lacinia, nibh id tempus commodo, felis nunc interdum purus, eget volutpat dui sem ut justo. </p> <h1>Movies</h1> <p> Aenean id lorem eu lorem cursus tempus. Suspendisse eget eros. Nulla odio. Maecenas metus libero, tristique ut, rutrum eget; facilisis non, dui. Integer tempor, dolor eget pharetra ullamcorper, elit pede blandit metus, vel eleifend purus lectus in ligula. Fusce hendrerit odio. In pretium. Duis interdum lorem. Aliquam ullamcorper ultricies magna. Integer commodo mollis purus. </p> <p> Nulla nunc quam, condimentum quis, accumsan at; consequat ut, ante? Praesent lacinia; massa ut pulvinar tristique, tellus lectus condimentum mi, non pharetra tellus nunc non nulla. Vestibulum vulputate leo vitae nulla. Aliquam luctus magna eget sapien! Fusce ac odio in est vestibulum elementum. Quisque euismod mattis ligula! Vivamus rutrum mollis odio. <a href="#">Curabitur molestie orci vitae erat</a>. Mauris scelerisque purus vitae enim. Phasellus et mi non ligula gravida blandit. Nam risus. Quisque tempus velit et arcu. Sed accumsan felis sed lacus. Donec viverra eleifend leo. Pellentesque dignissim. Curabitur in odio. Nunc ornare. Mauris ante urna, convallis sit amet, tincidunt a, volutpat et, sapien? Maecenas non elit. Sed at est. </p> </div> </div> <div class="friends"> <h1>Friends</h1> <a class="nounderline" href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://cbimg9.com/layouts/08/06/28986ab.png" alt="" /></a> <a class="nounderline" href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://cbimg9.com/layouts/08/06/28986ab.png" alt="" /></a> <a class="nounderline" href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://cbimg9.com/layouts/08/06/28986ab.png" alt="" /></a> <a class="nounderline" href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://cbimg9.com/layouts/08/06/28986ab.png" alt="" /></a> <p><a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends2&friendID=XXXXXXXX">View All</a></p> </div> <div class="comments"> <h1>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="footer"> <p> © 2008 <a href="http://fixtatik.com">Fixtatik</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> </p> </div> </div>

Can I show my friends comments? If so, how?

oh cool. i always wanted to know what an elephant was.

hmm... I really like this.
I plan on using it when I don't feel so lazy
xD

my grandma could easily read my myspace. lol! its great tho!!

i luv this layout itz perfect and it works great thanks

i love this layout im usin it now!!

Niiice :D

The music doesn't play on my profile when I have this layouttttt. /=
maybe its just Firefox. When I open it with Internet Explorer is plays for a few seconds and thats it.

i loveee it. you did an amazing job. Can you make another version of this? ^.^ Just with different colors. I would love to see multiple varieties of this.

okay i did that but it's still showing a second box where the sample image was

View all »

Designer	fixtatik
Submitted on	Jun 30, 2008
Page views	40,458
Favorites	282
Comments	25
Reviewer	Insurmountable
Approved on	Jun 30, 2008

minimal, dark, two columns, simple

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

• Here I Stand Layouts