Hayden Panettiere

Designer's Comments

Look carefully for specific instructions

Don't forget to fill in your FRIEND ID in the navigations, friends, and the comment box.

The ad shows fully on an actual myspace page and the search bar doesn't show at all.

This is the first layout I made with Photoshop so it's kind of old but I enjoyed using it.

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:300px;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,.blacktext10,.nametext,div b font font, div font font u,table table table table, table table table table td.text, td.text td.text 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}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
a:link.redlink, a:visited.redlink, a:active.redlink, .orangetext15, .btext, .redbtext{visibility:hidden;}
.srch {display: none;}
body div table td form img{display:none!important;}
body { background-color: C8B9BE;
background-image: url('http://cbimg9.com/layouts/08/06/28983ab.png');
background-repeat: y-REPEAT;
background-position: right top;}
body,table, td, li, p, div, textarea  
{border:0px; text-transform: none; line-height:7pt; text-align: justify; font:normal 7pt Arial; color:000000; }
.text {font:normal 7pt Arial; color: 000000; font-weight:none; line-height:7pt; text-align:justify;}
b {
font-family:arial; font-size:7pt; color:AA1A66; font-weight:bold; border:0px; text-transform:none; letter-spacing: px;}
u, s {
  font-family: arial;
  font-size: 7pt;
  color: E184F9;
  text-align: justify;}
i {
  font-family: arial;
  font-size: 7pt;
  color: FA9F32;
  text-align: justify;}

a:link, a.man{font-family:tahoma; font-size:7pt; color:C8B9BE; font-weight:bold; text-transform: uppercase; border:0px; letter-spacing: 0px;}  
a:active{font-family:tahoma; font-size:7pt; color:C8B9BE; font-weight:bold; text-transform: uppercase; border:0px;}  
a:visited{font-family:tahoma; font-size:7pt; color:C8B9BE; font-weight:bold; text-transform: uppercase; border:0px;}
a:hover{font-family:tahoma; font-size:7pt; color:E5B5CB; font-weight:bold; text-transform: uppercase; border:0px;}

a.links:link, a.links:visited, a.links:active {
border-bottom:0px ;
text-align: right;
font-family: tahoma;
font-weight:none;
color: EF7E9E;
font-weight: bold;
text-transform: uppercase; 
font-size: 7pt;
line-height: 8pt;
color: EF7E9E;
background-color: FDEAEF;
display: block;
}
a.links:hover {
text-align: right;
font-family: tahoma;
color: F297B0;
font-weight: bold;
text-transform: uppercase; 
font-size: 7pt;
line-height: 8pt;
background-color: FFFFFF;
display: block;
}
.title {
color: FFFFFF;
font: 7pt tahoma;
font-weight: none;
line-height: 8pt;
background-color: EF7E9E;
text-transform:lowercase;
display: block;}

.title2 {
color: FFFFFF;
font: 7pt tahoma;
font-weight: bold;
line-height:8pt;
background-color: EF7E9E;
text-transform:uppercase;
display: block;}
</style>

<style>

table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="side" style="position: absolute; right: 146px; top: 398px; width: 95px; overflow: auto; z-index:0;">
<p class="title">.navigation</p>
<a class="links" href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>
<a class="links" href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_confirm&statusCD=1&friendID=XXXXXXXX">Add Me</a>
<a class="links" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">Pictures</a>
<a class="links" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message</a>
<a class="links" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">View Blog</a>

<p class="title">.header</p>
Write something about yourself. Write something about yourself. Write something about yourself.

<p class="title">.friends</p>
<a class="links" href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX">Friend</a> 
<a class="links" href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX">Friend</a> 
<a class="links" href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX">Friend</a>

<p class="title">.header</p>

Whatever you want. Whatever you want. Whatever you want. Whatever you want. Whatever you want.

<p class="title">.header</p>

Whatever you want. Whatever you want. Whatever you want. Whatever you want. Whatever you want.

<p class="title">.layout</p>
Credits go to the <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmhheWRlbi1wLmNvbS9nYWxsZXJ5L2luZGV4LnBocA==">Hayden Panettiere Gallery</a> for the images. Brushes & patterns from <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmRldmlhbnRhcnQuY29tLw==">Deviantart</a> & <a href="http://www.msplinks.com/MDFodHRwOi8vNDRzdWJ1cmJpYS5vcmcv">44 suburbia</a>. Coding and layout by <a href="http://berrypop90.createblog.com/">Berrypop90</a>.
</div>

<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"><textarea name="f_comments" cols="25" rows="3" font-family: arial; font-size: 9pt; color: 000000; background-color: E0D8DB;" style="overflow:auto;">Leave Comments Here.</textarea><br> <input value="Love" style="font-family: tahoma; font-size: 7pt; text-transform: uppercase; color: 000000; background-color: FDCED7;" type="submit"> <input value="Hate" style="font-family: tahoma; font-size: 7pt; text-transform: uppercase; color: 000000; background-color: FBEEC6;" type="reset"></form></center>

<p class="title2">HEADER</p>

WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT!

<p class="title2">HEADER</p>

WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT!

<p class="title2">HEADER</p>

WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT! WHATEVER YOU WANT!

</DIV>
</DIV>