Samara

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 [font="Courier New"]TitleContent[/font].
4. in the friends section, replace the images with those of your friends.

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"> body { background-color:6d7786; background-image:url(http://cbimg9.com/layouts/08/06/28811aa.png); background-repeat:repeat-y; background-position:100% 90px; } .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; } .clearfix { display:block!important; } a:link, a:visited { color:e861b5; font:1.0em/1.0em helvetica, arial, sans-serif; } a:active, a:hover { color:eb0593; font:1.0em/1.0em helvetica, sans-serif; text-decoration:none; } .movie p, .music p { color:b8b7b5; font:1.0em/0.97em times, serif; margin:0; padding:2px 33px 2px 2px; text-align:justify; } .extra p, li, font, span, td, div, h1, h2, h3, h4, h5, h6, blockquote, fieldset, q { color:4f4f4f; font:1.0em/0.97em trebuchet ms, sans-serif; } .extra p, li { padding:5px; } ul, ol { padding:0; margin:0; } .movie strong, .movie b, .music strong, .music b { color:ffffff; font:bold 1.4em/1.0em georgia, serif; } table, tr, td { background:none; } img { border:0; } .main { background:url(http://cbimg9.com/layouts/08/06/28811ab.png) no-repeat top right; font-size:11px; line-height:12px; width:983px; height:546px; position:absolute; top:90px; right:69px; } .main div { overflow:hidden; } .main embed, .main object { display:block!important; height:auto; width:auto; } .content { width:903px; position:absolute; right:40px; top:40px; text-align:justify; } .extra { background:white; float:left; height:466px; width:310px; } .extra embed, .extra object { margin:5px 0px -40px 5px; } .movie, .music { background-color:313029; background-repeat:no-repeat; background-position:top right; } .movie { background-image:url(http://cbimg9.com/layouts/08/06/28811ac.gif); float:left; height:466px; width:220px; } .music { background-image:url(http://cbimg9.com/layouts/08/06/28811ad.gif); float:left; height:466px; width:220px; } .links { float:right; height:454px; padding:6px 0; width:46px; } .sub_links { float:left; height:466px; width:77px; } .footer { float:left; height:466px; width:30px; } a.hom { background:url(http://cbimg9.com/layouts/08/06/28811ae.png) no-repeat top right; display:block; height:73px; width:41px; } a.hom:hover { background:url(http://cbimg9.com/layouts/08/06/28811ae.png) no-repeat top left; } a.add { background:url(http://cbimg9.com/layouts/08/06/28811af.png) no-repeat top right; display:block; height:55px; width:41px; } a.add:hover { background:url(http://cbimg9.com/layouts/08/06/28811af.png) no-repeat top left; } a.msg { background:url(http://cbimg9.com/layouts/08/06/28811ag.png) no-repeat top right; display:block; height:100px; width:41px; } a.msg:hover { background:url(http://cbimg9.com/layouts/08/06/28811ag.png) no-repeat top left; } a.cmt { background:url(http://cbimg9.com/layouts/08/06/28811ah.png) no-repeat top right; display:block; height:102px; width:41px; } a.cmt:hover { background:url(http://cbimg9.com/layouts/08/06/28811ah.png) no-repeat top left; } a.pic { background:url(http://cbimg9.com/layouts/08/06/28811ai.png) no-repeat top right; display:block; height:58px; width:41px; } a.pic:hover { background:url(http://cbimg9.com/layouts/08/06/28811ai.png) no-repeat top left; } a.blk { background:url(http://cbimg9.com/layouts/08/06/28811aj.png) no-repeat top right; display:block; height:68px; width:41px; } a.blk:hover { background:url(http://cbimg9.com/layouts/08/06/28811aj.png) no-repeat top left; } </style>

<div class="main"> <div class="content"> <div class="footer"> <img src="http://cbimg9.com/layouts/08/06/28811ak.png" usemap="#credit" alt="" /> <map name="credit"> <area shape="rect" coords="10,0,22,131" href="http://www.fixtatik.com/" alt=""> <area shape="rect" coords="10,131,22,290" href="http://www.myspace.com/" alt=""> <area shape="rect" coords="10,290,22,326" href="http://www.myspace.com/index.cfm?fuseaction=misc.terms" alt=""> <area shape="rect" coords="10,333,22,370" href="http://www.myspace.com/index.cfm?fuseaction=cms.viewpage&placement=safetysite" alt=""> <area shape="rect" coords="10,377,22,422" href="http://www.myspace.com/index.cfm?fuseaction=misc.privacy" alt=""> <area shape="rect" coords="10,428,22,466" href="http://collect.myspace.com/index.cfm?fuseaction=misc.contactInput&ProfileContentID=XXXXXXXX" alt=""> </map> </div> <div class="movie"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus suscipit, elit sit amet laoreet viverra, urna libero dictum nisl, sed rutrum arcu erat id augue. Nam ut pede vel ante egestas sollicitudin. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam fringilla libero et ipsum auctor auctor. Quisque tristique faucibus ipsum. Ut eu ante. Etiam lorem ligula, vulputate at, convallis vitae, consectetuer at; elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <b>Pellentesque odio.</b> Nulla magna diam, fringilla non, lobortis ac, lobortis eu, mauris! Aenean malesuada. In id erat non mauris pellentesque auctor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam vel metus. Vivamus nisi dui, faucibus at, porttitor id, dictum non, lacus. Donec quis urna a augue condimentum viverra.</p> <p>Sed euismod, metus ac elementum condimentum, mi neque pellentesque neque, eu porttitor velit tellus non risus! Mauris augue diam, mollis quis; dignissim vel, volutpat vitae; enim. Nam purus mauris, euismod a, tempus ac, aliquet a, velit. Nulla quam. Cras at quam? Aliquam placerat. Aenean ipsum quam, pellentesque a, fringilla quis, feugiat et; turpis. Maecenas at risus. Maecenas augue. Mauris scelerisque, arcu sed facilisis aliquam; dolor odio sollicitudin elit, quis pharetra metus tortor a leo. Pellentesque nisi. Duis ut nunc! Donec sed leo! Aliquam sed metus at turpis lacinia mollis. Quisque ac lorem. Curabitur et nunc vel arcu facilisis auctor. Phasellus hendrerit velit ultricies dui. Curabitur id leo. Vivamus faucibus tortor in purus.</p> </div> <div class="music"> <p>Cras sapien nisl, aliquet ac, elementum ac, iaculis id; ipsum. Cras vestibulum sem eu tellus. In non ante. Proin ut erat at sapien blandit consequat! Integer blandit erat. Nullam <b>tempor nisl</b> a pede. Curabitur tincidunt diam id ipsum! Proin dignissim odio sit amet nisl. Sed placerat nisl. Quisque vitae libero in enim cursus tempor. Sed aliquet lacinia ante. <b>Nulla facilisi.</b> Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin luctus nulla lacinia justo. Nullam massa! Curabitur sit amet mauris. Nunc porttitor elit a tellus.</p> <p>Vivamus posuere! Vivamus dignissim pellentesque tellus. <b>Nunc mattis,</b> turpis sed elementum molestie, ipsum quam varius sem; ac dignissim lacus lorem vestibulum purus! Donec tristique purus non enim. In tristique porta sem. Phasellus diam? Integer dictum. Suspendisse convallis. Vestibulum dapibus ante id dui. Integer accumsan faucibus mi. Phasellus lacus tortor, iaculis vitae, lobortis tincidunt, pulvinar vel, purus. Fusce elit. Nunc nec eros. Integer at enim eu tortor luctus condimentum. Cras ultricies lobortis mi? Proin vel mauris tincidunt neque condimentum posuere? Aliquam fringilla tellus quis augue.</p> </div> <div class="extra"><span> <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>  </span></div> <div class="sub_links"> </div> <div class="links"> <a class="hom" href="http://home.myspace.com/index.cfm?fuseaction=user"></a> <a class="add" href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"></a> <a class="msg" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"></a> <a class="cmt" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX"></a> <a class="pic" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"></a> <a class="blk" href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX"></a> </div> </div> </div>

i love this one; the colors are amazing to me. Just right-not too much.

was misaligned in ie but all it needed was a refresh. Awesome layout, favorited.

Wow. This is one of the best divs I've EVER seen :)

do you take requests?

I love how this looks in the live preview, but it hardly looks like that for me. All I'm getting is just drab gray. No links or anything. >.<
And nothing seems to scroll.

i really like this. especially how the titles drop down and bounce a couple of times.

DAMN that's beautiful

Amazing! Love all of your layouts (and irrelevant titles...) ;D Thanks.

are the music and movies text you wrote or its it buttons you added?
because i wanted to change it

hey. um, could you give me the basic code to edit the bottom links, and copyright? Kind of like how you did yours, because I wanna move them on my div, but have no idea how.

Great div btw!!!!

View all »

Designer	fixtatik
Submitted on	Jun 25, 2008
Page views	31,705
Favorites	275
Comments	38
Reviewer	highwayto4355
Approved on	Jun 25, 2008

colorful, cute, minimal, roll over, animated, dark

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

• Here I Stand Layouts