Tea. (1st 2.0 Layout on CB!)

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-image: url(http://i37.tinypic.com/nfsepg.jpg);
background-color: #C68D53; 
background-repeat: repeat;
background-position: center top;
font-family: Verdana, Helvetica, sans-serif;
}
b {color: #282828; font-weight:bold;}
a:link, a:active, a:visited {text-decoration: none; color: #144420; font-size: 10px;}
a:hover {color: #5B966A; text-decoration: underline; font-size: 10px;font-weight: normal;}
a img, table, tr, td {border: 0;}
h1 {margin: 2px 0px; color: #144400; font: normal 20px Georgia; border-bottom: 2px dotted; border-color: #562C00;}
body h2 {background-color: #F3E3CC; font: normal 12px Georgia; color: #144400; display: block; padding: 1px 4px; margin:5px 0 3px;}

div.contentMid, .globalWidth {background: transparent none;}

.blurbLikeToMeet {margin-top:100px;}

.basicInfoModule, .interestsModule, .detailsModule, .schoolsModule, .networkingModule, .commentsModule, .friendSpaceModule, .blogsModule, .global, a.text, .moduleHead, div.blurbsModule h4 {display: none;}

.clearADfix {position: absolute;left: 50%; margin-left: 106px; top: 447px; height: 30px;width: 113px; z-index: 3;}

html[xmlns] .globalWidth .clearfix {display: none;}

html[xmlns] .globalWidth .globalLeaderboard {display: block;}

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

.bft {display: none;}

.layout_img {
position: absolute; 
top: 80px; 
left:50%; 
margin-left: -250px; 
z-index:2;
}
.blurbAboutMe {
position: absolute;
width: 270px;
height: 230px;
line-height: 15px;
overflow: auto;
font-size: 9px;
color: #333333;
padding:3px;
top: 200px;
left: 50%;
margin-left: -200px;
z-index: 3;
}
.sidebar {
position: absolute;
width: 116px;
height: 206px;
line-height: 13px;
overflow: auto;
font-size: 9px;
color: #333333;
top: 227px;
left: 50%;
margin-left: 91px;
z-index: 3;
}
.title {
position: absolute;
width: 95px;
height: 22px;
overflow: show;
text-align: left;
font: normal 17px Georgia;
color: #144400;
top: 201px;
left: 50%;
margin-left: 95px;
letter-spacing: -0.3px;
z-index: 3;
}
.navigation {margin: 7px 0 8px;}
.navigation a, .navigation a:visited {
color: #BEC6C9; 
padding: 1px;
margin: 0px;
font: normal 11px tahoma; 
text-decoration: none; 
}
.navigation a:hover {
background-color: #562C00;
color: #FFFFFF; 
text-decoration: none; 
font: normal 11px tahoma;
}

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

<div class="sidebar">
<h2>Contact</h2>

<h2>About</h2>
<b>Name:</b> Dustin<br />
<b>Age:</b> 15<br />
<b>Is:</b> Tired<br />
<b>Lives:</b> NYC<br />

<h2>Quote</h2>
<i>It's a wonder how simple things can be and still be awesome...</i>
</div>

Layout Comments

Showing latest 10 of 35 comments

There are other layouts in this same style that look a little bit better than this but this is still cute, and I do like it.

By Butterface89 on Jul 26, 2010 7:30 pm

using, but my music player isn't working =(
can you help me out here please? thanks .

By koobecaf on Dec 30, 2009 6:05 am

great job! haven't seen anyone do this with 2.0. you have a tut for this?

By calilani on Apr 6, 2009 1:52 pm

beautiful thank you!!!

By LivyBaby01 on Dec 18, 2008 5:09 pm

lamo i forgot about the link! sorry
http://profile.myspace. com/index.cfm?fuseaction=user. viewProfile&friendID=418951444

By bushwin on Dec 8, 2008 6:49 pm

mmm... Hi! i love this layout! Check out mine! still working on mine! thx for code!

By bushwin on Dec 8, 2008 6:48 pm

@ dorrionfinley1994, There's no way to hide the nav as of right now.
@ tarababes, This is for profile 2, not 1.0.

By allvanishing on Nov 17, 2008 4:58 pm

write < style > at the begining of tht code a
and at the end

for some reason it didnt show on my last comment.

By tarababes on Nov 17, 2008 10:35 am

Hey people if u are having the same trouble like i did wit the Nvigation bar being visible, then jus copy and paste this code below at the bottom of ur about me section. It should hide it all. I hope this helps!

div div table div {display:none;} .clearfix table div div {display:block;}
tr td div, div td ,div tr, div table {background-color:transparent !important;}
.profile, div ul {display:none !important;}

By tarababes on Nov 17, 2008 10:30 am

Oh and one more thing i can't hide the Myspace Navigation...sorry for troubling you but minus well say something about it know so you don't get thousands of comments saying you can't hide it later. Either way,like my last comment very nice

By dorrionfinley1994 on Nov 15, 2008 8:39 pm

View all »

Layout Details

Designer	allvanishing
Submitted on	Nov 10, 2008
Page views	34,587
Favorites	87
Comments	35
Reviewer	manny-the-dino
Approved on	Nov 11, 2008

Layout Colors

Layout Tags

abstract, colorful, minimal, nature, small, box, tea, basic, brown, bowafishtech, allvanishing

Layout Tools

Layout Affiliates

Here I Stand Layouts