Happy Panda

Designer's Comments

Look carefully for specific instructions

NOTE: please do not use this layout without HTML knowledge.

this is my first layout with comments showing =]
i took me a while to figure but i got it in the end :D
i drew everything myself except the bamboo [see resources at bottom]

feedback is always appreciated =]
just stop by and let me know what you think :D

~Martz
x---x

resources:
brusheezy.com

PLEASE REMEMBER TO REPLACE X'S WITH YOUR FRIEND ID FIRST!

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">
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}

td.text td.text img {
width: 90px !important;
}

table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}

td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}

.l1 a:link, a:active, a:visited
{width:90;
height: 30px;
border-bottom: 1px dashed; 
border-color: 000000;
background-color: ;
font-family:verdana;
font-size:8px;
text-transform: none;
padding-top:2px;
color:000000;
text-decoration:none;
text-align:left;
letter-spacing:1pt;
padding-bottom: 2px;
margin-bottom:1px;
height:10px;}

.l1 a:hover
{width: 90;
height: 30px;
border: 0px solid;
border-color: ff4781;
background-color:1c929f;
font-family:verdana;
font-size:8px;
text-transform: uppercase;
padding-top:2px;
color:ffffff;
text-decoration:none;
text-align:left;
padding-bottom: 2px;
letter-spacing:1pt;
margin-bottom:1px;
height:8px;}

.l1 a:visited,
{width:90;
height: 30px;
border-bottom: 1px dashed; 
border-color: 000000;
background-color: ;
font-family:verdana;
font-size:8px;
text-transform: none;
padding-top:2px;
color:000000;
text-decoration:none;
text-align:left;
letter-spacing:1pt;
padding-bottom: 2px;
margin-bottom:1px;
height:10px;}

body {
background-color:e1febd;
background-image:url();
	background-attachment: fixed;
	background-position:top left;
	background-repeat:repeat;
 scrollbar-arrow-color: bde47f;
 scrollbar-face-color:bde47f;
 scrollbar-3dlight-color: bde47f;
 scrollbar-darkshadow-color: bde47f;
 scrollbar-shadow-color: d5fa9d;
 scrollbar-highlight-color: d5fa9d;
 scrollbar-track-color:d0fa91;
cursor:crosshair;

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 10px tahoma; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px; text-align: justify; letter-spacing: 1px;}}

{basic font}
.text {font:normal 10px tahoma; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px; text-align: justify; letter-spacing: 1px;}}

{link anchor.}  
a{font-family:century gothic; font-size:8px; color:000000; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px; border: 0px solid;
border-color: eb5591;}  
a:link{font-family:century gothic; font-size:8px; letter-spacing: 1px; color:000000; font-weight:none;border:0px; text-transform: ; border: 0px solid;
border-color: 000000;}
a:active{font-family:century gothic; font-size:8px; color:ffffff1; font-weight:none;border:0px; text-transform: uppercase ; letter-spacing: 0px; border: 1px solid;
border-color: 000000;}
a:visited{font-family:century gothic; font-size:8px; color:ffffff; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px; border: 0px solid;
border-color: 000000;}
a:hover{font-family:century gothic; font-size:8px; color:ffffff; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px; border: 0px solid;
border-color: 000000;}

.standard b, p b, B, strong {
font-family:tahoma; font-size:11px; color:7da046; font-weight:bold; border:0px; text-transform:none; letter-spacing: 1px;}

u, s, .stext, .sbtext, .swtext {
  font-family: tahoma; 
  font-size: 11px;
  color: 000000;
weight:strong;
  text-align: justify;}
i, em, .itext  {
  font-family: tahoma; 
  font-size: 9px;
  color: 000000;
  text-align: justify;}

.h1 {
color:ffffff;
font: 9pt verdana;
font-weight:;
padding: 1px;
letter-spacing: 2px;
border-bottom:;
border-width: 1px;
border-color:ffffff;
background-color:90b359;
background-image: url(''); 
background-repeat:repeat; 
text-align:right;
text-transform:none;}

</style>
<br><br>
<style>.r{}</style>

.a {hide top search bar}
div div select, div div form {display:none !important;}

</style>

<style>

.latestBlogEntry, .extendednetwork {display: none;}

</style>

.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .orangetext15, .redlink, .comt .btext, .frnd{display:none;} .comt td b{display: block;} .blacktext10 {visibility:hidden;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-37px; _top:-28;}

note{The Main: comment div;}
.comt {width:434px; height:200px; overflow-x:hidden; overflow-y: scroll; z-index:1;
background-color:transparent; border:0px solid; border-color:black; position:absolute; left:255px; top:490px; margin-left:5px; }
note{Timestamp: width;}
.blacktext10 {width: 210px;}

.blacktext10 {
border-top-width:1px;
border-bottom-width:0px;
border-left-width:0px;
border-right-width:0px;
border-color:000000;
border-style:solid;
display:block;
width:100%;
}

note{hides: .. now images in comments & top 8}
.comt td td td div{display:none;}

note{resizes: images posted in comments}
.comt td td td  img {width: 305px; max-width:305px; _width:305px !important;}

note{all text in comments}
.comt td td td, .comt td td td b {font-family: Tahoma; font-size: 10px; color:000000;}
note{Displaying XX of XX comments View Edit All Comments}
.comt td b, .comt td b a, .redtext {font-family: Tahoma; font-size: 10px; color:000000;}

.comt td b a:hover {font:10px tahoma; color:000000; background-color: ffffff;}

note{resizes: linked images including friends profile pic}
.comt td td td a img {width:80px; max-width:303px; _width:80px !important;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</div>

<p class="h1">Basics;</p>

<img src="http://cbimg9.com/layouts/08/06/28859ab.png" align="left">
<b>name:</b> here<br>
<b>age:</b> here<br>
<b>birthday:</b> here<br>
<b>location:</b> here<br>
<b>homies:</b> here<br>
<b>color:</b> here<br>
<b>band:</b> here<br>
<b>movie:</b> here<br>

<br><br>
<center><p class="h1">About Me;</p>
<center>

DO NOT REMOVE CREDIT PLEASE<BR><BR>

About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br><br><br>

</div>

Layout Comments

Showing latest 10 of 16 comments

I love this Layout. I especially like the scrolling friends box on the side. I decided to add all of my friends so it took awhile. Another suggestion for people is to use the scrolling to side to display photos from your myspace album.

Overall, great layout. Only problem I am having with this is setting up the comment section. It doesn't display total comments showing out of all comments. I have limited HTML knowledge, so I can't figure out which code to move so I can place the add comment link at the top. Maybe I will scan through it again. If anyone has any tips on this, it would be greatly appreciated. Thanks.

By Whoameye on Jan 8, 2009 3:31 pm

how do i add text?add pictures? and hide my music if i need to?

By oxohotthingoxo on Nov 4, 2008 10:14 am

omg...the cutest thing EVER !!! thanks for making such cute layout..definitely using in a while.

By swtang3l on Oct 26, 2008 1:15 pm

sorry JosephCohen123 but i fail to see how several shades of green "don't match"?

By SammyTheHeadbutt on Aug 21, 2008 2:54 pm

frkn cute(:

By anniechanie on Jul 24, 2008 4:09 pm

this is extremely cute! i just wish the links had rollovers!

By Citra on Jul 8, 2008 8:24 pm

ok....i'm new at this changin layout stuff....i wanna add my friends pics to my page....how do i do that??? can i???? and how do i put my profile pic in too.....lol......see i told ya i'm new at all this....but i do love this layout!!! too cute!!!

By amandandrews1820 on Jul 8, 2008 8:12 pm

I think it would be better if the comment button were on the top of the comment section as well. I am trying to alter it but I havent quite gotten there. (Im still a noob)

By steventhejew on Jul 1, 2008 5:13 pm

i love this layout. the pandas are so cute. very cute layout! :D

By mizzkewl06 on Jun 30, 2008 1:26 pm

cute

By dropdeadd on Jun 28, 2008 10:07 pm

View all »

Layout Details

Designer	SammyTheHeadbutt
Submitted on	Jun 26, 2008
Page views	15,157
Favorites	164
Comments	16
Reviewer	Synesthesia
Approved on	Jun 27, 2008

Happy Panda

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates