Yesterday I Went to the Pool

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 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; padding:0; } .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:static; top:auto; left:auto; margin:auto; } table, tr, td { background:none; padding:0; } *, html, body { margin:0; padding:0; } body { background:rgb(0,0,0) url(http://cbimg6.com/layouts/08/09/31325aa.jpg) center -180px no-repeat; margin-top:10px; overflow-x:hidden; } .page { height:700px; left:50%; margin:120px 0 0 -525px; position:absolute; top:0; width:1050px; } .main { background:url(http://cbimg6.com/layouts/08/09/31325ab.jpg) bottom left no-repeat; height:540px; left:80px; margin:0 0 30px; overflow:hidden; position:relative; top:30px; width:890px; } .navigation { float:left; height:100%; overflow:hidden; width:200px; } .nav_top { background:url(http://cbimg6.com/layouts/08/09/31325ac.png); height:30px; width:200px; } .nav_mid { background:url(http://cbimg6.com/layouts/08/09/31325ad.png); width:200px; } .nav_bot { background:url(http://cbimg6.com/layouts/08/09/31325ae.png); height:30px; width:200px; } .navigation div h3 { color:rgb(255,255,255); font:normal 15px helvetica, 'trebuchet ms', sans-serif; padding:5px 20px; text-align:right; } .navigation div ul { border-bottom:1px solid rgb(38,40,44); border-top:1px solid rgb(38,40,44); list-style:none; margin:0 5px; padding:0; } .navigation div ul li { border-bottom:1px solid rgb(38,40,44); } .navigation div ul li.last { border-bottom:0; } .navigation div ul li a:link, .navigation div ul li a:visited { color:rgb(148,156,165); font:normal 10px helvetica, 'trebuchet ms', sans-serif; display:block; padding:2px 0; text-decoration:none; } .navigation div ul li a:active, .navigation div ul li a:hover { color:rgb(255,255,255); background:rgb(20,22,23); text-decoration:none; } .navigation .comment { padding:8px 0; } textarea.cmt { background:url(http://cbimg6.com/layouts/08/09/31325ad.png); border:0; padding:2px 0; width:100%; } input.cmt { background:none; border:0; margin:2px 0; padding:5px 10px; width:50%; } input.cmt:focus, input.cmt:hover { background:url(http://cbimg6.com/layouts/08/09/31325ad.png); } .content { background:url(http://cbimg6.com/layouts/08/09/31325af.png); float:left; height:100%; overflow-x:hidden; overflow-y:auto; width:490px; } .content div { margin:5px; } .content div div { margin:0; } .friends { float:left; height:100%; overflow:hidden; width:200px; } .frn_top { background:url(http://cbimg6.com/layouts/08/09/31325ag.png); height:30px; width:200px; } .frn_mid { background:url(http://cbimg6.com/layouts/08/09/31325ah.png); text-align:center; width:200px; } .frn_bot { background:url(http://cbimg6.com/layouts/08/09/31325ai.png); height:30px; width:200px; } .friends div h3 { color:rgb(255,255,255); font:normal 15px helvetica, 'trebuchet ms', sans-serif; padding:5px 20px; text-align:right; } .friends div a img { margin:2px; width:55px; } .friends div span { display:block; text-align:right; } .friends div span a { padding:5px 20px; } .footer { clear:both; float:left; height:50px; position:relative; text-align:center; top:50px; width:1050; } div, p, td, span, font, textarea, input { color:rgb(210,216,222); font:11px helvetica, 'trebuchet ms', sans-serif; text-align:justify; } p { padding:5px 0; } a:link, a:visited { color:rgb(197,226,181); font:normal 11px helvetica, 'trebuchet ms', sans-serif; text-decoration:underline; } a:active, a:hover { color:rgb(161,255,102); } .default img { float:left; margin:0 10px 10px 0; } a img, .main img { border:1px solid rgb(38,42,45); } a:hover img { border:1px solid rgb(161,255,102); } </style>

<div class="page"> <div class="main"> <div class="navigation"> <div class="nav_top"><h3>Navigation</h3></div> <div class="nav_mid"> <ul> <li><a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a></li> <li><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">Blog</a></li> <li><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">View Pics</a></li> <li class="last"><a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=XXXXXXXX&n=XXXXXXXX">Videos</a></li> </ul> <h3>Contact</h3> <ul> <li><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add</a></li> <li><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message</a></li> <li><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">Leave a Comment</a></li> <li class="last"><a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block</a></li> </ul> </div> <div class="nav_bot"></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="content"> <div> <p> <a class="default" href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"><img src="http://cbimg6.com/layouts/08/09/31325aj.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="friends"> <div class="frn_top"><h3>Friends</h3></div> <div class="frn_mid"> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://cbimg6.com/layouts/08/09/31325ak.png" /></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://cbimg6.com/layouts/08/09/31325ak.png" /></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://cbimg6.com/layouts/08/09/31325ak.png" /></a> <br /> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://cbimg6.com/layouts/08/09/31325ak.png" /></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://cbimg6.com/layouts/08/09/31325ak.png" /></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"> <img src="http://cbimg6.com/layouts/08/09/31325ak.png" /></a> </div> <div class="frn_bot"><span><a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">View Friends</a></span></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>

i effin love this!
dark but not scary
organized but not boring
simple but not plain
great job

Ahh Amazing. I've used a few of your layouts before, and I love all of them. This one definitely suits my tastes. =]

This is awesome, as most of your layouts, but this one is sooo me, so imma use it.

aldrin1 - you need to edit the layout with your friend ID before you save it on myspace. copy and paste the "who i'd like to meet" code into notepad or something similar, push ctrl/cmd+f and type in "XXXXXX"

for every "XXXXXX" that you find, replace that with your friend ID.

i csnt seem to change the links for the "add/block,etc" can anybody help?

it works in firefox for me D:

Hey man nice layout. thanks.

great lay. but doesnt work in firefox =(

Amazing ^.^ but it isn't working in my FF. Or it's just the fact that my computer is older than the dinosaurs. O_o

I like the green image hover too, no one ever uses them it seems. love it just like all the other ones. :D

View all »

Designer	fixtatik
Submitted on	Sep 12, 2008
Page views	26,601
Favorites	240
Comments	13
Reviewer	schizo
Approved on	Sep 12, 2008

minimal, dark, three columns, grunge

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

• Here I Stand Layouts