start here.

Designer's Comments

Look carefully for specific instructions

Please remember this is for Profile 2 only.
Createblog's Preview is outdated. It will look right on Myspace.

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: #8E4905 url(http://cbimg6.com/layouts/09/01/33242aa.jpg) top center repeat-x; 
font-family: Verdana, Helvetica, sans-serif;
}

b {color: #2A3744; font-weight:bold;}
a:link, a:active, a:visited {text-decoration: none; color: #2A3744; font-weight: bold;}
a:hover {color: #8CA5CE; text-decoration: underline; font-weight: normal;}
h1 {margin: 2px 0px; color: #2A3744; font: normal 19px Segoe UI, Trebuchet MS;}
body h2 {font: normal 12px Segoe UI, Trebuchet MS; color: #2A3744; margin: 0 0 1px; padding: 2px 0;}

div#topnav ul li a {color: #444;}
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:#C3975A; margin-top: 470px;}

div#modulebasicInfo, .interestsModule, .detailsModule, .schoolsModule, a.bft, .networkingModule {display: none;} .clearADfix {position: absolute;left: 50%; margin-left: 166px; top: 397px; height: 35px;width: 125px; 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/01/33242ab.png) top center no-repeat;
height: 440px;
left: 50%;
margin-left: -305px;
position: absolute;
top: 150px;
width: 616px;
}

.blurbAboutMe {
position: absolute;
width: 392px;
_width: 398px;
height: 265px;
_height: 271px;
line-height: 19px;
overflow: auto;
font-size: 11px;
color: #333333;
padding: 6px;
top: 105px;
left: 50%;
margin-left: -125px;
z-index: 3;
}

.sidebar {
height: 260px;
_height: 265px;
left: 50%;
margin-left: -286px;
padding: 5px;
position: absolute;
top: 112px;
width: 142px;
_width: 147px;
z-index: 3;
overflow: auto;
color: #fff;
line-height: 19px;
}

.title {
position: absolute;
width: 560px;
height: 30px;
overflow: show;
text-align: center;
font: normal 35px Segoe UI, Trebuchet MS;
color: #FFF;
top: 17px;
left: 50%;
margin-left: -280px;
letter-spacing: -0.3px;
z-index: 3;
}

.navigation { 
left: 50%;
margin-left: -282px;
position: absolute;
top: 75px;
width: 550px;
z-index: 3;
}

.navigation a, .navigation a:visited {
display: block;
float: left;
color: #555; 
font-family: Tahoma; 
text-decoration: none; 
font-weight: normal;
margin: 0 1px;
padding: 3px 10px;
}

.navigation a:hover {
border: 1px solid #aaa;
padding: 2px 9px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #03336A; 
text-decoration: none; 
}

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 14 comments

hmmm,how do you fix the photos thing? users cant see my photos:(

By jackieJAM on Sep 7, 2009 5:40 pm

i CAN SEE THE LAY0UT WHEN iM L0GGED iN AND L00KiN AT MY 0WN PAGE BUT OTHERz CANT SEE ANYTHiNG. HELP! i L0VE THiS 0NE!

By eviejoyce11 on Sep 5, 2009 12:56 pm

yea doesnt work at all lol

By GameBoy07 on Jul 13, 2009 5:00 pm

it wont work please help

By supdudesup12 on Mar 21, 2009 11:46 am

Nice Aero Interface

By DarrenDecapitation on Jan 14, 2009 6:39 pm

This actually has a nice look to it. But one of the images inside the box itself, is a Vista revamp. It's nothing like Windows 7. But I can give you the correct one if you want it. I used it for my Windows 7 Transformation Pack I created myself, even though there are some out there. I wanted to be sure I had the exact ones.

By Weathered on Jan 6, 2009 7:10 pm