boarding.

Designer's Comments

Look carefully for specific instructions

Please remember this is for Profile 2 only.

How to Install
- Make sure you switched to the new profile.
- Put the About Me and I'd Like to Meet boxes as usual.
- Replace all XXXXXX's with your Friend ID before saving to make the links work. They will not if you don't.
- Click on Customize Profile on the right, then look for CSS and click on it. Paste the code in the CSS box into the box called CSS.
- Click on Preview, then click on Publish.

Works in IE, Firefox, Safari, and Chrome.

bowafishtech.org

Using This Layout

For specific instructions read designer's comments

1. Log into myspace.com
2. Click on Edit Profile (Profile 2.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to CSS (Profile 2.0)

Help

body {
background: #99A9B0; 
font: normal 12px Arial, Verdana, Helvetica, sans-serif;
}

b {color: #371E17; font-weight:bold;}
a:link, a:active, a:visited {text-decoration: none; color: #51351E; font-weight: bold;}
a:hover {color: #725339; text-decoration: underline;}
h1 {margin: 2px 0px; color: #54361C; font: normal 19px Segoe UI, Trebuchet MS;}
body h2 {font: normal 12px Segoe UI, Trebuchet MS; color: #54361C; margin: 0 0 1px; padding: 2px 0;}

div#topnav ul li a {color: #5C7682; line-height:normal; padding:2px 5px;}
a img, table, tr, td, div#topnav ul#leftNav, div#topnav ul#rightNav, div#topnav ul li {border: 0;}
div.wrap div#header {width: 729px;}
div.contentMid, .globalWidth, #header, div#header div#topnav {background: transparent none;}
div#footer {color:#899BA3; margin-top: 470px; padding: 0;}

div#modulebasicInfo, .interestsModule, .detailsModule, .schoolsModule, a.bft, .networkingModule {display: none;} .clearADfix {position: absolute;left: 50%; margin-left: 140px; top: 386px; height: 35px;width: 105px; z-index: 3;} .commentsModule, .friendSpaceModule, .blogsModule, .global, span.bft, a.text, .moduleHead, div.blurbsModule h4, div#googlebar {display: none;}

html[xmlns] .musicPlayerModule {
position:absolute; 
top: 700px; 
left:50%; 
margin: 0 0 0 -147px;
}

div.profileLayout div.blurbsModule {
background: url(http://cbimg6.com/layouts/09/06/34833ab.png) top center no-repeat;
height: 501px;
left: 50%;
margin-left: -260px;
position: absolute;
top: 150px;
width: 500px;
}

.blurbAboutMe {
position: absolute;
width: 351px;
_width: 363px;
height: 230px;
_height: 242px;
line-height: 19px;
overflow: auto;
font-size: 11px;
color: #333333;
padding: 6px;
top: 135px;
left: 50%;
margin-left: -137px;
z-index: 3;
border:1px solid #CCCCCC;
background: #fff;
}

.info {
height: 72px;
_height: 79px;
left: 50%;
margin-left: 45px;
padding: 3px 5px 4px;
position: absolute;
top: 39px;
width: 180px;
_width: 190px;
z-index: 3;
overflow: auto;
color: #A7B1BA;
background: #334149;
line-height: 14px;
font-size: 10px;
text-align: right;
}

.title {
position: absolute;
width: 175px;
overflow: hidden;
font: normal 30px Arial;
color: #FFF;
top: 57px;
left: 50%;
margin-left: -135px;
letter-spacing: -0.3px;
z-index: 3;
}

img.display_pic {
position: absolute;
left: 50%;
margin-left: -245px;
top: 28px;
width: 100px;
height: 100px;
overflow: hidden;
}

.navigation { 
left: 50%;
margin-left: -145px;
position: absolute;
top: 6px;
width: 380px;
height: 22px;
z-index: 3;
overflow: hidden;
}

.navigation a, .navigation a:visited {
display: block;
float: right;
color: #444; 
font: normal 10px Arial; 
text-decoration: none; 
border-left: 1px solid #8A9097;
padding: 4px 7px 5px;
}

.navigation a:hover {color: #111; text-decoration: none;  background: #F0F0F0;} 
.navigation a:active {background: #DADADA; color: #555; padding: 5px 7px 4px;}

Layout Code

Copy and paste to About Me (Edit Profile)

Help

Layout Code

Copy and paste to I'd Like to Meet (Edit Profile)

Help

Layout Comments

Showing latest 10 of 12 comments

i cant get it to work right i copied and pasted everything and it showed the dp on the left still

By umakemehot on Jun 25, 2010 2:35 pm

Nevermind. I figured it out. :]

By SlightlyMacabre on Oct 11, 2009 6:32 pm

It doesn't work.

By SlightlyMacabre on Oct 11, 2009 6:28 pm

cool,i think you should make more variations of this! we need more for 2.0! haha

By xxpinkpoplegendxx on Jun 30, 2009 6:33 pm

Very cute =)

By itsMarika on Jun 24, 2009 12:57 am

I might use this [=
Good job yet again

By AbsentEmotions on Jun 15, 2009 3:47 pm

Oh also, the About Me code will not work on Profile 2.0. It says it'll be removed, because it's not allowed. I don't know if that's normal or not. I also don't know what you mean by deleting it, when I'm on MySpace.

By Weathered on Jun 13, 2009 5:37 pm

Nice, the screenshot looks good. However, the navigation on it is completely absent in Opera, and the middle part is missing stuff in Opera. I can't use any other browser right now, because they are all slow, and are not doing well on my crap computer right now. So I have to use Opera. I'll try to apply it, but I can't guarantee it'll work correctly on my space.

By Weathered on Jun 13, 2009 5:27 pm