start

Designer's Comments

Look carefully for specific instructions

The CB previewer is outdated. It will look right on Myspace.

Replace all the XXXXXXXX's with your friend id.

You only need to edit the I'd Like to Meet part to make the layout work.

Works in IE, Firefox, Safari, and Chrome.

bowafishtech.org

Using This Layout

For specific instructions read designer's comments

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

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<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>
body {
background-image: url(http://cbimg9.com/layouts/08/10/32152ac.png);
background-color: 678F9D; 
background-repeat: no-repeat;
background-position: center 50px;
font-family: Verdana, Helvetica, sans-serif;
}
b {color: 282828; font-weight:bold;}
a:link, a:active, a:visited {text-decoration: none; color: 3A4245; font-size: 10px;}
a:hover {color: 788E99; text-decoration: underline; font-size: 10px;font-weight: normal;}
a img, table, tr, td {border: 0;}
h1 {margin: 5px 0px; color: 404040; font: normal 16px verdana; border-bottom: 1px solid; border-color: ccc;}

.bft {hides profile items !do not remove!}
.profileInfo, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userProfileURL, .friendsComments, .userProfileNetworking, .userProfileSchool, .bft, .userProfileDetail, .friendSpace, .contactTable, .userProfileCompany, .orangetext15 {display: none;} .clearADfix {position: absolute;left: 50%; margin-left: 9px; top: 486px; height: 30px;width: 90px; z-index: 3;} .bodyContent td div div a:last-child, .bodyContent td div div span, .bodyContent td div div a:last-child, .bodyContent td div div span, .userProfileApp {display: none;} .a{bft;} table, tr, td {background-color: transparent;}

.bft {shows myspace ad}
</style>
<a href="http://bowafishtech.org"><img src="http://cbimg9.com/layouts/08/10/32152aa.gif" class="clearADfix" /></a><div style="height:430px;visibility:hidden;"></div>
<style>

.bft {hides footer remember!}
table tbody tr td div div {display: none;}
table tbody tr td div.clearfix div {display: inline;}

.bft {moves music player}
td td td td embed, td td td td object {position:static !important;}
div object {position:absolute; top: 660px; left:50%; margin-left: -147px; padding-bottom: 30px;}

.bft {hides nav bars}
div table div form, div table div select, .mslogo, div ul {display:none!important;}
div div, div td {background: transparent none!important;}
div.profileWidth, .bft {margin-top: -30px !important;}
div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}
div.profileWidth div.clearfix, i i i, div.profileWidth div div {filter:none; opacity:0.9999}
div.profileWidth div.clearfix {position:relative; top:30px}

.bft {display: none;}

.main {
position: absolute;
width: 175px;
_width: 181px;
height: 230px;
_height: 236px;
line-height: 15px;
overflow: auto;
font-size: 9px;
color: 333333;
padding:3px;
top: 250px;
left: 50%;
margin-left: -90px;
z-index: 3;
}
.title {
position: absolute;
width: 190px;
height: 10px;
overflow: show;
text-align: center;
font: normal 28px verdana;
color: FFF;
top: 201px;
left: 50%;
margin-left: -94px;
_margin-left: -88px;
letter-spacing: -0.7px;
z-index: 3;
}
.navigation {
position: absolute;
width: 150px;
height: 150px;
_height: 144px;
overflow: auto;
top: 392px;
margin-left: -160px;
left: 50%;
text-align: left;
z-index: 1;
color: 000;
line-height: 13px;
overflow-x: hidden;
}
.navigation a, .navigation a:visited {
background-color: 7B8B91;
background-image: url(http://cbimg9.com/layouts/08/10/32152ad.gif);
background-repeat: no-repeat;
background-position: left top;
color: BEC6C9; 
padding: 2px 4px; 
font: normal 11px tahoma; 
text-decoration: none; 
display: block;
margin-bottom: 1px;
margin-left: 50px;
}
.navigation a:hover {
color: FFFFFF; 
background-color: 3A4245;
background-image: url(http://cbimg9.com/layouts/08/10/32152ae.gif);
background-repeat: no-repeat;
background-position: left top;
text-decoration: none; 
font: normal 11px tahoma;
margin-left: 0px;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

Layout Comments

Showing latest 10 of 18 comments

V Whoa. Never saw that before. :)

By allvanishing on Dec 2, 2008 11:34 pm

haha i love the rollovers! and i don't know if you intentionally did this but the navigation links says "ho ad me"...haha

By dorrionfinley1994 on Nov 15, 2008 9:56 pm

I LOVE THIS.

By sleepwalkwithme on Oct 24, 2008 3:13 pm

the rollovers are schweet

By michellekdo on Oct 23, 2008 10:39 am

Hmm I use Firefox and it is not really working... It's like parts of the default Myspace layout are showing on the left side of it? It's really pretty other than that, though! I agree that the rollovers are hot. ;)

By tehmiminator on Oct 22, 2008 6:18 pm