Pandabow

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace the "XXXXXX" with your friend ID.
If you have any trouble with the rest place let me know.

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>
body table td div form {display:none !important;}
div table div div select {position:absolute !important;  top:-200px !important; left:0px !important; }</style>

*, font, br, p, div, table, th, tr, td, .blurbs, .text, .redbtext, .btext, .redtext, .txt, .blacktext12  {color:000000;font:normal 8px small fonts;line-height:11px;text-align: center;text-transform: uppercase;}

img {border:0px;}

a, a:link, a:visited, a:active a.navbar:active, a.navbar:visited, a.navbar:link, a.navbar, .latestBlogEntry td a, .friendspace a {color: 000000; font:bold 15px tahoma; text-transform: uppercase; text-decoration: none; padding: 0px; border: none;background-color: ffffff;}

a:hover, a.navbar:hover, .latestBlogEntry td a:hover {font:normal 9px tahoma; text-decoration: none; text-transform:uppercase; color: 000000;background-color: ffffff;}

a.one, a.one:link, a.one:active, a.one:visited {color: 000000; font:bold 15px tahoma; text-transform: uppercase;text-decoration: none; padding: 0px; border: none;background-color:transparent;}
a.two, a.two:link, a.two:active, a.two:visited {color: 000000; font:bold 15px tahoma; text-transform: uppercase;text-decoration: none; padding: 0px; border: none; background-color:transparent;}
a.three, a.three:link, a.three:active, a.three:visited {color: 000000; font:bold 15px tahoma; text-transform: uppercase;text-decoration: none; padding: 0px; border: none;background-color:transparent;}
a.four, a.four:link, a.four:active, a.four:visited {color: 000000; font:bold 15px tahoma; text-transform: uppercase;text-decoration: none; padding: 0px; border: none; background-color:transparent;}
a.five, a.five:link, a.five:active, a.five:visited {color: 000000; font:bold 15px tahoma; text-transform: uppercase;text-decoration: none; padding: 0px; border: none; background-color:transparent;}
a.six, a.six:link, a.six:active, a.six:visited {color: 000000; font:bold 15px tahoma; text-transform: uppercase;text-decoration: none; padding: 0px; border: none;background-color:transparent;}
a.seven, a.seven:link, a.seven:active, a.seven:visited {color: 000000; font:bold 15px tahoma; text-transform: uppercase; text-decoration: none; padding: 0px; border: none; background-color:transparent;}

a.one:hover {font:normal 13px tahoma; text-decoration: none; text-transform: uppercase; color: 000000;background-color: EF7A65;}
a.two:hover {font:normal 13px tahoma; text-decoration: none; text-transform: uppercase; color: 000000;background-color: F1C263;}
a.three:hover {font:normal 13px tahoma; text-decoration: none; text-transform: uppercase; color: 000000;background-color: F0F361;}
a.four:hover {font:normal 13px tahoma; text-decoration: none; text-transform: uppercase; color: 000000;background-color: B9F75E;}
a.five:hover {font:normal 13px tahoma; text-decoration: none; text-transform: uppercase; color: 000000;background-color: 5EB6F7;}
a.six:hover {font:normal 13px tahoma; text-decoration: none; text-transform: uppercase; color: 000000;background-color: CD5CF8;}
a.seven:hover {font:normal 13px tahoma; text-decoration: none; text-transform: uppercase; color: 000000;background-color: FB7DCC;}
</style>

<div style="
overflow:auto; 
position:absolute;  
top: 10px;  
left: 32px;  
width:525px;  
height:27px;  
padding: 3px;  
border-top: 1px solid;
border-top-color: 000000; 
border-bottom: 1px solid;
border-bottom-color: 000000; 
border-left: 1px solid;
border-left-color: 000000; 
border-right: 1px solid;
border-right-color: 000000; 
background-color: FFFFFF;">
<span class="bloo"><a  href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49ZTExOGM5NDgtNDdkZC00Y2JhLTlmYTQtZWYxOWZjMGYxYzA0" class="one">Home</a>|

<a HREF="http://messaging.myspace.com/Modules/Messaging/Pages/SendMessage.aspx??fuseaction=mail.message&friendID=XXXXXXXX"
class="one">Send Msg</a>|

<a HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"
class="one">Pics</a>|

<a HREF="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX&MyToken=faa9530a-67a5-4694-bc34-c96862e36962"
class="one">Friends</a>|

<div style="
overflow:auto; 
position:absolute;  
top: 55px;  
left: 25px;  
width:310px;  
height:485px;  
padding: 3px;  
border-top: 1px solid;
border-top-color: 000000; 
border-bottom: 1px solid;
border-bottom-color: 000000; 
border-left: 1px solid;
border-left-color: 000000; 
border-right: 1px solid;
border-right-color: 000000; 
background-color: FFFFFF;">
<p align=left><h1>ABOUT ME</h1>
About me. <b>About me.</b> <i>About me.</> <u> About me.</u>About me. <b>About me.</b> <i>About me.</> <u> About me.</u>About me. <b>About me.</b> <i>About me.</> <u> About me.</u>About me. <b>About me.</b> <i>About me.</> <u> About me.</u>About me. <b>About me.</b> <i>About me.</> <u> About me.</u>About me. <b>About me.</b> <i>About me.</> <u> About me.</u>About me. <b>About me.</b> <i>About me.</> <u> About me.</u>About me. <b>About me.</b> <i>About me.</> <u> About me.</u>About me. <b>About me.</b> <i>About me.</> <u> About me.</u>

<h1>MUSIC</h1>
<b> Music</b> <i>Music</i><s>Music</s><b> Music</b> <i>Music</i><s>Music</s><b> Music</b> <i>Music</i><s>Music</s><b> Music</b> <i>Music</i><s>Music</s><b> Music</b> <i>Music</i><s>Music</s>
</DIV>

<div style="
overflow:auto; 
position:absolute;  
top: 375px;  
left: 355px;  
width:210px;  
height: 170px;  
padding: 3px;  
border-top: 1px solid;
border-top-color: 000000; 
border-bottom: 1px solid;
border-bottom-color: 000000; 
border-left: 1px solid;
border-left-color: 000000; 
border-right: 1px solid;
border-right-color: 000000; 
background-color: FFFFFF;">
<h2>COMMENT</h2>
<A HREF="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=7c22c197-cadf-48b3-bc61-7af692f4b34b"><img src="http://cbimg6.com/layouts/08/02/06/25266ab.png"></A> 
</DIV>

<div style="
overflow:auto; 
position:absolute;  
top: 213px;  
left: 355px;
width:210px;  
height: 150px;  
padding: 3px;  
border-top: 1px solid;
border-top-color: 000000; 
border-bottom: 1px solid;
border-bottom-color: 000000; 
border-left: 1px solid;
border-left-color: 000000; 
border-right: 1px solid;
border-right-color: 000000; 
background-color: FFFFFF;">
<h2>FRIENDS</h2>
<P>
<marquee behavior="alternate"><marquee width="210" style="border: 0px solid; border-color:000000;background-color: transparent;">
<a href="FRIENDURLHERE"><img src="http://cbimg6.com/layouts/08/02/06/25266ac.jpg"></A>
<a href="FRIENDURLHERE"><img src="http://cbimg6.com/layouts/08/02/06/25266ac.jpg"></A>
<a href="FRIENDURLHERE"><img src="http://cbimg6.com/layouts/08/02/06/25266ac.jpg"></A>
<a href="FRIENDURLHERE"><img src="http://cbimg6.com/layouts/08/02/06/25266ac.jpg"></A>
<a href="FRIENDURLHERE"><img src="http://cbimg6.com/layouts/08/02/06/25266ac.jpg"></A>
<a href="FRIENDURLHERE"><img src="http://cbimg6.com/layouts/08/02/06/25266ac.jpg"></A>
<a href="FRIENDURLHERE"><img src="http://cbimg6.com/layouts/08/02/06/25266ac.jpg"></A>
<a href="FRIENDURLHERE"><img src="http://cbimg6.com/layouts/08/02/06/25266ac.jpg"></A>
</marquee></marquee>

Layout Comments

Showing latest 10 of 10 comments

oh em geee so kawaii!!!!!!!

By PandaShiori on Jun 26, 2009 11:16 am

ahhhh,
everythinggg
else is good for
me.. except...
for the friends part..
i put there URL.
and picture..
but when i click on it..
it says pageee erroe ><

this is really botheringg meeee

By BabbiiG on Sep 13, 2008 6:22 pm

How do you like take off the message part for it or make it to where u can`t message cuz like i don`t like messages and i only like comments and yeah...

By pkprinces on Mar 17, 2008 6:35 pm

Love this layout. For some strange reason, though, my profile song won't work now that I'm using this.

By angiem on Mar 2, 2008 1:56 pm

Agreed with bangxdisco about the link hovers. I don't like it when the font size becomes smaller.
That's some really colorful text in the content area. I like that. x]

By tokyo-rose on Feb 9, 2008 4:35 pm

its very cute..and i was wondering if i can post a picture where it says "me"??

By flowa on Feb 7, 2008 6:14 pm

this is coooooool

By confessional-luvv on Feb 6, 2008 9:32 pm

I don't like the navigation. maybe you could keep the text size the same for the hover.

By bangxdisco on Feb 6, 2008 5:07 pm

Aww. It's so cute! XD

By BubbleDelights on Feb 6, 2008 3:21 pm

very cute!

By Melie on Feb 6, 2008 12:07 pm

Layout Details

Designer	Stephanie22
Submitted on	Feb 6, 2008
Page views	44,427
Favorites	298
Comments	10
Reviewer	S-Majere
Approved on	Feb 6, 2008