White Tree

Designer's Comments

Look carefully for specific instructions

I absolutley love the way this came out. I made all of this, and the avatar. I think this is one of my new favorite set-ups.

I wouldn't suggest using this layout if you're not experienced with CSS or HTML.

Everything you need to edit is in the "Who I'd like to meet" section of the code. Remember to replace the "xxx"'s with your friend ID. Get your friend ID here!

Please don't remove the credit.
Enjoy!

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 type="text/css">
body {background-color:000000;}

a, a:link, a:active, a:visited {
 color:000000;
 font-family:palatino linotype;
 font-size:10px;
 font-weight:normal;
 line-height:11px;
 letter-spacing:0px;
 text-decoration:none;
 }

a:hover {
 color:ffffff;
 font-family:palatino linotype;
 font-size:10px;
 font-weight:normal;
 line-height:11px;
 letter-spacing:0px;
 text-decoration:underline;
}

b {
 color:000000 !important;
 font-family:palatino linotype;
 font-size:10px;
 font-weight:heavy;
 line-height:11px;
 letter-spacing:0px;
}

i {
 color:000000 !important;
 font-family:palatino linotype;
 font-size:10px;
 font-weight:normal;
 line-height:11px;
 letter-spacing:0px;
}

u {
 color:000000 !important;
 font-family:palatino linotype;
 font-size:10px;
 font-weight:bold;
 line-height:11px;
 letter-spacing:0px;
 border-bottom:1px solid;
 border-color:ffffff;
}

small {
 color:000000 !important;
 font-family:palatino linotype;
 font-size:8px;
 font-weight:normal;
 line-height:11px;
 letter-spacing:0px;
}

big {
 color:000000 !important;
 font-family:smapalatino linotype;
 font-size:13px;
 font-weight:bold;
 line-height:11px;
 letter-spacing:0px;
 border:none;
}
</style>

.h1 {
 color:ffffff !important;
 font-family:Palatino Linotype;
 font-size:40px;
 line-height:50px;
 letter-spacing:-2px;
 text-align:center;
 border-top:3px solid;
 border-bottom:3px solid;
 border-color:333333;
 width:100%;
 background-color:000000;
 background-image:url("http://cbimg9.com/layouts/08/04/17/26927ab.jpg");
 background-position:center center;
 background-repeat:repeat;
 overflow:hidden;
 display:block;
}

.h2 {
 color:ffffff !important;
 font-family:palatino linotype;
 font-size:15px;
 font-weight:bold;
 line-height:20px;
 letter-spacing:-1px;
 text-transform:uppercase;
 text-align:center;
 border:3px solid;
 border-color:333333;
 background-color:000000;
 width:95%;
 background-image:url("http://cbimg9.com/layouts/08/04/17/26927ab.jpg");
 background-position:center center;
 background-repeat:repeat;
 overflow:hidden;
 display:block;
}

.navi:link, .navi:active, .navi:visited {
 color:000000 !important;
 font-family:palatino linotype !important;
 font-size:12px !important;
 font-weight:normal;
 text-transform:uppercase;
 text-decoration:none !important;
 line-height:25px;
 letter-spacing:1px;
 padding-left:10px !important;
}

.navi:hover {
  color:ffffff !important;
  font-family:palatino linotype !important;
  font-size:12px !important;
  font-weight:normal;
  text-transform:uppercase;
  text-decoration:none !important;
  line-height:25px;
  letter-spacing:1px;
 }

.creditlink, .creditlink:visited, .creditlink:active {
 color:cccccc !important;
 font-family:small fonts !important;
 font-size:8px !important;
 font-weight:normal;
 background-color:transparent !important;
 border:none; text-decoration:none;
 text-transform:uppercase;
}

.creditlink:hover {
  font-family:small fonts !important;
  font-size:8px !important; color:ffffff !important;
  font-weight:normal;
  background-color:transparent !important;
  border:none; text-decoration:none;
  text-transform:uppercase;
 }

input {
 width:65px;
 height:40px;
 color:ffffff;
 font-family:palatino linotype !important;
 font-size:11px;
 font-weight:bold;
 text-transform:uppercase;
 border:3px solid;
 border-color:333333;
 background-color:ffffff;
 background-image:url("http://cbimg9.com/layouts/08/04/17/26927ab.jpg");
 background-position:center center;
 background-repeat:repeat;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

YOUR NAME HERE

</span></center><center>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="navi">Home</a> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="navi">Add</a> <a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="navi">Message</a> <a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="navi">Block</a> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" class="navi">Pictures</a> <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="navi">Blog</a> <a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="navi">Friends</a><br>
</center>
</div>

Name This Section

</span></center>
<br>
<span class="text">

Oh, <i>what to write?</i> There are so many things you could say here - or <u>display</u> here, if you wanna shower this with images. It's all up to you now, so do whatever you need with this. <b>This will scroll when it gets long enough</b> but I think it looks a lot better without the scrollbars.<br><br>

<center><span class="h2">
Name This Section
</span></center><br>

Oh, <i>what to write?</i> There are so many things you could say here - or <u>display</u> here, if you wanna shower this with images. It's all up to you now, so do whatever you need with this. <b>This will scroll when it gets long enough</b> but I think it looks a lot better without the scrollbars.<br><br>

<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXXXXXXXXX" type="hidden"><textarea name="f_comments" cols="" rows="" style="width:155px; height:40px; border-width:1px; border-style:solid; border-color:000000; font-family:palatino linotype; font-size:11px; color:000000; background-color:ffffff; overflow:auto;">Write me a note.</textarea> <input value="Mail It" type="submit"></form></center>

</span>
</div>

Name This Section

</span></center>
<br>
<span class="text">

Oh with strangers to impress so near,<br>
old friends don't realize I'm here.<br>
<i>I wish two drinks were always in me;</i><br>
I'd pretend I had the perfect day.<br><br>

Take me to the water,<br>
<b>make me understand that I was wrong.</b><br>
For me, tomorrow is my first day,<br>
so please, don't tempt me in the wrong way...<br><br>

It's almost after midnight,<br>
I can see the city lights; <i>we're here.</i><br><br>

Change your mind tonight,<br>
<u>you belong to the city now.</u><br>
And you're closer now, I know;<br>
you belong on the radio.<br><br>

I swear <i>I'll give it back tomorrow,</i><br>
but for now, I think that I'll just borrow<br>
all the chords from that song,<br>
and all the words from that other song I heard<br>
yesterday...<br><br>

Change your mind tonight,<br>
<u>you belong to the city now.</u><br>
And you're closer now, I know;<br>
you belong on the radio.<br><br>

I will not disturb you,<br>
<i>I was just returning you the compliment...</i><br><br>
<br><br><br><br>

</span>
</div>

<div id="creditlink" style="position:absolute; border:none; width:130px; height:20px; z-index:2;
left: 6px !important; top: 0px;"><a href="http://crotchettheleper.createblog.com/" class="creditlink">Crotchet The Leper</a></div>

Layout Comments

Showing latest 10 of 44 comments

At first glance I thought it was gonna be a One Republic
layout. Thank god it wasn't because this is nice [:

By dilligrout on Oct 15, 2008 6:50 pm

yeah i figured it out, thanks, I really hate those msplinks.

By ballplyr86 on Aug 30, 2008 9:46 pm

Yeah you probably didn't replace the "xxx"'s in the code BEFORE you saved the first time. If you save without changing them first, it wont work, because they change to msplinks and the "xxx"'s dissapear.

By CrotchetTheLeper on Aug 30, 2008 8:23 pm

hey, I tried this cause I like the design, but the links for:

Home Add Message Block Pictures Blog Friends

They dont work correctly. I cant figure out the mslinks thing, do i need to change them?

By ballplyr86 on Aug 30, 2008 2:15 pm

noahsmits: Yeah, no problem!

By CrotchetTheLeper on Aug 20, 2008 3:32 pm

hey man! nice jobb!! it's like a small website-ish thingy ..yeah.. hehe.. But one question.. I know this is your thing and stuff.. but is it possible for me to put my own photograph in the Tree on the left... ? Offcourse still with your credits..!

By noahsmits on Aug 20, 2008 1:01 pm

ahhh whats the code for the right column cause its not there ....
???
well i cant find it :( please help
thanx..

By xXxUniquiexXx on Aug 18, 2008 8:32 pm

I guess there's a chance i messed with the code to much and it didn't work right then,
anways, thanks for thee help, =)

By Screamyourheartoutdear on Aug 13, 2008 6:08 pm

Nope, both columns should be able to contain any amount of text you put into them. I tested it on myspace, and it's all working fine. :\

By CrotchetTheLeper on Aug 13, 2008 12:23 pm

The column on the right isn't displaying everything I put in,
but i'm guessing that's because i have soo much in it.
Is there a limit to what you can put into the right column? And if so can it be edited to add more?

By Screamyourheartoutdear on Aug 13, 2008 10:33 am

View all »