Mary Poppins Lost Her Umbrella

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. a cleaner preview can be found 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> { (c)2008 fixtatik - http://www.fixtatik.com } .profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, .friendSpace, .friendsComments, table div, td embed, td object { display:none!important; } div table div, table table div, td td td embed, td td td object { display:block!important; padding:0; } table, tr, td { background:none; border:none; vertical-align:top; } .clearfix, .clearfix div { background-image:none!important; overflow:hidden; } .clearfix { position:relative; top:-30px; width:728px; } .clearfix .clearfix { bottom:-30px; margin:-45px 0 0; position:relative; top:auto; width:auto; } .clearfix .clearfix div { margin:45px 0 0; } .clearfix .clearfix div div { margin:auto; } .profile, .profile div, .profile input, .clearfix select, .clearfix option, .clearfix ul { display:none!important; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } body { background:rgb(16,60,96) url(http://fixtatik.com/images/div/29/body_bg.jpg) top center no-repeat; margin:10px 0 0; } .main { left:50%; margin:115px 0 0 -364px; _margin:115px 0 0 -372px; position:absolute; top:0; width:768px; } .navigation { clear:both; height:35px; } .navigation ul { list-style:none; margin:0 34px; padding:0; } .navigation ul li { float:left; margin:0 10px; } .navigation ul li a { display:block; height:20px; text-indent:-500em; width:90px; } .navigation ul li a:hover { background-position:bottom; } .hom { background-image:url(http://fixtatik.com/images/div/29/link_hom.png); } .msg { background-image:url(http://fixtatik.com/images/div/29/link_msg.png); } .add { background-image:url(http://fixtatik.com/images/div/29/link_add.png); } .pic { background-image:url(http://fixtatik.com/images/div/29/link_pic.png); } .frn { background-image:url(http://fixtatik.com/images/div/29/link_frn.png); } .blk { background-image:url(http://fixtatik.com/images/div/29/link_blk.png); } .content { background:rgb(123,148,169) url(http://fixtatik.com/images/div/29/content_bg.png) no-repeat; clear:both; padding:0; width:728px; } .content div { margin:10px; } .content div div { margin:auto; } .sidebar { background:url(http://fixtatik.com/images/div/29/right_bg.png) repeat-y; } .comment { margin:0; } .footer { background:url(http://fixtatik.com/images/div/29/footer_bg.png) bottom no-repeat; padding:0 0 10px; margin:0 0 20px; width:728px; } .footer span { background:rgb(123,148,169); display:block; padding:10px 0 0; text-align:center; } .comment_top { background:url(http://fixtatik.com/images/div/29/comment_top.png); height:40px; width:480px; } .comment_mid { background:url(http://fixtatik.com/images/div/29/comment_mid.png); height:auto; width:480px; } .comment_bot { background:url(http://fixtatik.com/images/div/29/comment_bot.png); height:40px; position:relative; top:-11px; _position:static; _top:auto; width:480px; } .comment div { margin:0; } .comment div div { margin:0 40px; } .comment div div div { margin:auto; } div, p, font, span, td, textarea, a:active, a:hover, a:link, a:visited, input { color:rgb(43,58,70); font:normal 11px/15px helvetica, arial, sans-serif; text-decoration:none; } a:link, a:visited { color:rgb(24,74,117); } a:active, a:hover { color:rgb(35,52,66); } p { margin:0 0 5px; } h1, h2 { border-bottom:1px dotted rgb(153,168,170); color:rgb(53,68,70); } h1 { font:italic 16px/16px georgia, times, serif; } h2 { font:italic 12px/16px georgia, times, serif; } .comment textarea, .comment input { background:rgb(123,148,169); border:1px solid rgb(160,183,202); padding:5px; } .comment textarea { _height:50px; width:400px; } .default img { float:left; margin:0 5px 0 0; width:100px; } a img { border:none; } </style>

<div class="main"> <div class="navigation"> <ul> <li><a class="hom" href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a></li> <li><a class="msg" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Send a Message</a></li> <li><a class="add" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add to Friends</a></li> <li><a class="pic" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">View Pictures</a></li> <li><a class="frn" href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends2&friendID=XXXXXXXX">View Friends</a></li> <li><a class="blk" href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block</a></li> </ul> </div> <table class="content" cellpadding="0" cellspacing="0"> <tr> <td width="480"> <div> <h1>About Me</h1> <p> <a class="default" href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://cbimg6.com/layouts/08/09/31634an.png" /></a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean tincidunt erat. Nam dignissim est a orci. Sed tincidunt dapibus ante. Vivamus varius orci. Nunc augue quam, venenatis non, tincidunt eget, aliquam eget, ligula. In ut leo. Aliquam at risus non elit fermentum consectetuer. Fusce interdum dignissim turpis. Cras ornare mi ac lacus. Mauris suscipit felis at justo mattis fermentum? Curabitur dignissim erat a nulla. Maecenas venenatis metus! Aliquam at augue. Aenean sapien metus, mollis ac, tempor sit amet, varius non, pede! Aliquam non dui ut velit egestas sodales. Duis urna dolor, bibendum sodales, tincidunt vitae, lobortis vel, est. Nulla id dui vel magna auctor malesuada. </p> <p>Vivamus est nunc, malesuada a, sollicitudin ac, bibendum eget, lectus. Donec nibh dolor, varius vel; viverra non, rhoncus non, lacus. Phasellus orci nulla, porta in, condimentum sed, varius quis, nisi. Praesent luctus velit ut velit. Proin sit amet erat. Duis convallis. Mauris sit amet tellus a magna mattis venenatis. In ut eros semper quam lacinia lacinia. Quisque in nulla nec mi faucibus consectetuer. Ut purus lacus, laoreet consequat, auctor et, tempor ac; quam. Pellentesque pulvinar fermentum augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer dictum. Nullam condimentum. Vestibulum fermentum purus ut ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras placerat sollicitudin nunc.</p> </div> </td> <td class="sidebar" rowspan="2"> <div> <h2>Interests</h2> <p>Morbi pharetra molestie diam! Curabitur turpis sapien, mollis sed, mattis non, placerat in, augue. Nam malesuada erat ut ipsum. Donec leo. Nunc tortor. Praesent quis urna vitae magna rutrum venenatis. Cras elit risus, rhoncus et, rutrum quis, lacinia tincidunt, ligula. Phasellus sed urna. Suspendisse nunc. Suspendisse potenti. Nam id enim. Maecenas rutrum nulla eu arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque ac turpis at neque blandit scelerisque. Proin mauris lacus; scelerisque a; euismod vitae, dapibus in, turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur tempus, quam ut feugiat aliquet, lorem metus sagittis felis, pulvinar adipiscing elit nisl vel tellus. Cras ipsum.</p> </div> </td> </tr> <tr> <td class="comment" width="480"> <div class="comment_top"></div> <div class="comment_mid"> <div> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input name="friendID" value="XXXXXXXX" type="hidden"> <textarea cols="10" rows="2" name="f_comments"></textarea> <input class="cmt" type="submit" value="Leave a Comment" /> </form> </div> </div> <div class="comment_bot"></div> </td> </tr> </table> <div class="footer"> <span> © 2008 Design by <a href="http://www.fixtatik.com">Fixtatik</a>. © 2003-2008 Myspace.com. All rights reserved. <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>

I like this one. :)

I like the navigation a lot, and the layout name. Creative. :D

woot fixed, it was totally misaligned for me in netscape, but worked on firefox and IE which is why i accepted it.
nice to see that it works for netscape as well.

Great Job on this one, this is my favorite one that you've made so far.

brooklyneast05 & thejetset - sorry about that. usually i check in four browsers, but i got lazy and only checked in firefox & IE. it should be working fine in safari now, too. thanks =)

lol if only createblog can update their live previews for myspace. i hate it though that myspace changed so much on the codes. anyway, good work as usual. you are my favorite designer here.

This is a really nice and professional looking layout (as always)
And I love your profile =)

Oh wow this is so nice. The colors are great; very soft and relaxed. Plus, the slappaters used in the background look good also. Nice job. :)

i think this is really nice, but it's way way misaligned in safari so i don't think i'd use it. it's like off the entire screen basically. i know safari isn't really a big browser priority though. it's nice over all though.

Cool colors, but it's unaligned.

View all »

Designer	fixtatik
Submitted on	Sep 24, 2008
Page views	11,460
Favorites	84
Comments	12
Reviewer	Blaqheartedstar
Approved on	Sep 25, 2008

minimal, two columns, dark, rollovers

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

• Here I Stand Layouts