Mr. Panda

Designer's Comments

Look carefully for specific instructions

Replace all XXXXXX's with your friend ID.

Not really meant for guys, but, heey! If you want to, no one's stopping you.

I got the whole layout from http://www.ferryhalim.com/orisinal/ (which you totally should go and check out!) and I wanted to make my myspace like that, well, resemble it I guess. And when I finished, mah twin sista walked by and looked at it and said I should submit it, so I'm submitting it. There's the background story. That and I absoluty adore black and white animals like pandas and penguins.

Any questions, concerns, comment or PM me and I'll get back to ya as soon as I can.

Oh, and the ad doesn't show on the preview. Don't know why.

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

h2 {
color: d6d6d6; 
font-weight: normal; 
font-family: georgia;
letter-spacing: -3px;
word-spacing: 5px;
font-size: 30px;
padding-bottom: 8px;
}

ul.list {
list-style-type: none;
}

li {
width: 105px; 
margin: 0;
}

a.c { 
display: block;
color: d6d6d6;
font-family: calibri; 
font-size: 14px; 
text-transform: lowercase;
font-weight: normal;
letter-spacing: 1px;
text-decoration: none;  
background-color: fff;
text-align: center;
}

a.c:link, a.c:visited, a.c:active {
color: d6d6d6; 
}

a.c:hover {
text-decoration: none;
color: f4c776;
letter-spacing: 8px;   
}

</style>

.rich_excrement {
position: absolute; 
left: 50%; 
margin-left: -380px; 
top: 120px; 
width: 760px; 
background-color: fff;  
border-left: 1px dashed; 
border-top: 1px dashed; 
border-right: 1px dashed; 
border-bottom: 1px dashed; 
border-color: d6d6d6; 
padding-top: 30px;
overflow: visible; 
}

.rich_excrement td {
color: 7a7a7a; 
}

td.herc, td.hot_fuss {
padding: 0 20px 15px 20px;
font-family: calibri; 
font-size: 14px; 
line-height: 22px;
}

td.herc a {
font-size: 14px;
color: d6d6d6;
letter-spacing: 1px;
font-weight: normal;
font-family: calibri;
text-decoration: none;
}

td.herc a:hover {
color: 7a7a7a;
text-decoration: none;
border-bottom: 1px dashed; 
border-color: 7a7a7a; 
}

td.dentist {
color: d6d6d6;
border-top: 1px dashed; 
border-color: d6d6d6; 
padding: 10px 0 10px 0;
font-size: 9px; 
line-height: 22px;
letter-spacing: 1px;
}

td.dentist a {
font-size: 11px;
color: d6d6d6;
letter-spacing: 2px;
text-transform: lowercase;
font-weight: normal;
font-family: calibri;
text-decoration: none;
}

td.dentist a:hover {
color: 7a7a7a;
text-decoration: none;
border-bottom: 1px dashed; 
border-color: 7a7a7a; 
}
</style>

.extendedNetwork {display:none;}
.latestBlogEntry {display:none;}
.friendSpace {display:none;}
.friendsComments {display:none;} 
.userProfileDetail {display:none;}
.interestsAndDetails {display:none;}
td td object { width:0px;height:0px; }
.userProfileURL {display:none;}
.contactTable { display: none }
.profileInfo {display:none;}
td.text td.text td td a, .redlink, td.text td.text td b a {visibility:visible!important;}
td.text td.text td a 
{visibility:hidden;}

.orangetext15 {display:none;}
.friendsComments td table, .friendsComments td.text table, .blurbs, .blurbs td.text {background-color:transparent; border:0px;}

div table div form {display:none!important}
div table div select {display:none!important}
div table div .mslogo {display:none!important}
div div table div li {display:none!important}
div table div .profile {display:none!important}
table.rail {position:absolute; top:-100px !important;}
div div table div, div.clearfix a, input {display:none;}
div.clearfix table div div {display:block;}

.profileInfo td td {visibility:hidden;}
.profileInfo td td.text {visibility:visible;}
.profileInfo td.text a img {visibility:visible;}
.profileInfo .ImgOnlineNow {visibility:visible;}

table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}

table div font {display: none;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<table>

<tr>

<li><a href="http://home.myspace.com/index.cfm?fuseaction=user" class="c"> Home </li>
<li><a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=XXXXXX" class="c"> Add </li>
<li><a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockuser&userID=XXXXXX" class="c"> Block </li>
<li><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.messageV2&friendID=XXXXXX" class="c"> Msg </li>
<li><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXX" class="c"> Pics </li>
<li><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXX" class="c"> Cmt </li>

</ul>

</td>

</center>

<p></p>
 
<a href="http://www.createblog.com">Createblog.com</a>

<br />

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sollicitudin libero ut leo commodo at gravida turpis eleifend. Sed fringilla eros id nunc lacinia eget euismod neque semper. Phasellus et porta orci. Fusce eros sapien, tristique a rhoncus quis, scelerisque at risus. Fusce volutpat, nisi eget molestie dignissim, lectus velit placerat dolor, in sodales risus nisl sit amet lacus. Suspendisse est nibh, semper at ornare a, consectetur nec turpis. Integer at ipsum a justo malesuada convallis sed at quam. Sed lacinia quam ac augue viverra in dignissim magna facilisis. Sed lorem tellus, pharetra sed sagittis at, eleifend sed enim. Nam purus orci, ornare imperdiet interdum sed, viverra eu sapien.

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis felis magna, at aliquam metus. Donec lobortis felis at odio fringilla vel tristique dui vehicula.

<br />

<a href="http://www.createblog.com/">Createblog.com</a>

</td>

</tr>

<tr>

</td>

</td>

</tr>

<tr>

<a href="http://faq.myspace.com/app/home" target="_blank">Help</a> | 
<a href="http://www.myspace.com/index.cfm?fuseaction=misc.terms" target="_blank">Terms</a> | 
<a href="http://www.myspace.com/index.cfm?fuseaction=misc.privacy" target="_blank">Privacy Policy</a> |

<a href="http://www.myspace.com/index.cfm?fuseaction=cms.viewpage&placement=safety_pagehome" target="_blank">Safety Tips</a> | 
<a href="http://www.myspace.com/index.cfm?fuseaction=help.reportabuse&abusetype=profile&ProfileContentID=" target="_blank">Report Abuse</a>

<br />

</center>

</td>
   
   </tr>

</table>

</div>