Hayden Panettiere

Designer's Comments

Look carefully for specific instructions

You know the drill.

Replace xxxxxx with your friend Id.

If you're wondering, the words around the layout are to her song "I fly."

=)
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 {
overflow-x:hidden;
}
   table, tr, td {background:transparent;}
    table table table table, table table table table td.text, table.contactTable {display:none;}
    td.text table, .orangetext15 {visibility:hidden;}
    td.text table table {display:inline; visibility:visible;}
    td.text td.text table {display:none;}
    div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}

body {
background-color: FF8080;
background-image: url("");
background-position: bottom right;
background-repeat: repeat;
background-attachment: fixed;
scrollbar-arrow-color:FFFFFF;
scrollbar-track-color: FFFFFF;
scrollbar-shadow-color: 000000;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:000000;}

.header { 
font-family: georgia; 
font-size: 15px; color: 000000; 
background-color: none; 
text-align:left;
font-weight:bold;
font-style:italic;
text-transform: lowercase; 
background-image: url(none); 
background-repeat: no-repeat; 
height: 10px; 
width: 200px; 
padding-top: -25px;
padding-bottom: 15px;}

table table {border: 0px;}
table table table table{border: 0px;}

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

{The actual modules}
table table table {border: 0px solid; border-color: 000000; background-color: FF8080; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal:11px times new roman; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px times new roman; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:times new roman; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: lowercase; }

{style for the number of friends you have.}  
.redbtext{font-family:times new roman; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: lowercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: times new roman; color: FFFFFF; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:times new roman; font-size:9px;  color:FFFFFF; font-weight:none;border:0px; text-transform: lowercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}  
.whitetext12{font-family:times new roman; font-size:9px;  color:FFFFFF; font-weight:none;border:0px; text-transform: lowercase;}

{”In your extended network” style}
.blacktext12{font-family: times new roman; color: FFFFFF; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }  
.nametext{font-family: times new roman; color: FFFFFF; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}  
.blacktext10{font-family:times new roman; font-size:9px;  color:FFFFFF; font-weight:none;border:0px; text-transform: lowercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}  
a{font-family:times new roman; font-size:9px; color:B79B95; font-weight:none;border:0px; text-transform: lowercase; }  
a:link{font-family:times new roman; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
a:active{font-family:times new roman; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
a:visited{font-family:times new roman; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
a:hover{font-family:times new roman; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}

{”View all friends” and “invite more” link style}  
a.redlink{font-family:times new roman; font-size:9px; color:B79B95; font-weight:none;border:0px; text-transform: lowercase;}  
a.redlink:link{font-family:times new roman; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
a.redlink:active{font-family:times new roman; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
a.redlink:visited{font-family:times new roman; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase; } 
a.redlink:hover{font-family:times new roman; font-size:9px;  color:000000; font-weight:none;border:0px; text-transform: lowercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar} 
a.navbar{font-family:times new roman; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: lowercase;}  
a.navbar:link{font-family:times new roman; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: lowercase;}  
a.navbar:active{font-family:times new roman; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: lowercase;}  
a.navbar:visited{font-family:times new roman; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: lowercase;}  
a.navbar:hover{font-family:times new roman; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}

{Default Links}
a:link, a.man{font-family:times new roman; font-size:9px; color:000000; font-weight:bold;border:0px; text-transform: lowercase; letter-spacing: 0px;}  
a:active{font-family:times new roman; font-size:9px; color:000000; font-weight:bold;border:0px; text-transform: lowercase;}  
a:visited{font-family:times new roman; font-size:8px; color:000000; font-weight:bold;border:0px; text-transform: lowercase;} 
a:hover{font-family:times new roman; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}

div table td font {visibility:hidden;}
div table table td font a {visibility:visible;}
table td div {visibility:hidden;}
table table td div {visibility:visible;}

</style>

</div>

<div class="content" style="position: absolute; left:560;  top:285; width:260px; height:370px; overflow: auto;">
<center>
<div class="header">about me</div>
Kingdom Hearts II layout featuring our main character; Sora.  The Font size may be quite small for your liking, so you're welcome to to adjust the font size if you wish. Other than that; please do not alter anything else. :D. Remember to replace YOURFRIENDID with your own. Also, remember the rules when you use this layout though. =]
<div class="header">who i'd like to meet</div>
who would you like to meet? How about me? :]
<div class="header">more stuff</div>
 The comment box can be found over to your lefttt for easy commenting for youtr visitors and friends. You can even add your photo there if you'd like. If this part gets long enough, the scroll bar will appear. Enjoy!
<div class="header">friends</div>

You can custom add your friends here. I suggest black&white photos, I think that idea would look pretty nice and go well with the entire layout. If you're really good, you can add comments as well.

</div>
<div class="content" style="position: absolute; left:570;  top:655; width:250px; height:175px; overflow: auto;">
<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="43" rows="1" style="border-width: 2px; border-style: dotted; border-color: 000000; font-family: trebuchet ms; font-size: 10px; color: 000000;background-color:transparent; overflow:auto;">
Just a little glamorous. <3
</textarea><br><center><input value="add comment" style="border-width: 2px; border-style: dotted; border-color: 000000; font-family: times new roman; font-size: 10px; color: 000000; background-color: transparent;" type="submit"> <input value="clear" style="border-width: 2px; border-style: dotted; border-color: 000000; font-family: times new roman; font-size: 10px; color: 000000; background-color: transparent;" type="reset"></form></center>
</div>

Layout Comments

Showing latest 10 of 10 comments

i love this! It's really cute =)

By averagejonas on Nov 23, 2008 2:29 pm

this is beautiful... love the pic of Hayden.. very soft and angelic...

By raindropdreams24 on May 2, 2008 12:37 am

this is well cute and simple

By --broadwaydream on Oct 10, 2007 9:50 am

VERY nice

By diputs on Oct 7, 2007 5:33 pm

lol, i was going to do this exact layout, but now that i've seen yours i'm not going to even attempt it.

LOVE THISSS!

By serpix on Oct 7, 2007 2:35 am

very cute.
it's simple.

By PINKLollyPOP on Oct 7, 2007 1:36 am

i love the colors and Hayden look simply angelic and pinupy really great job

By deletemyaccount on Oct 7, 2007 12:39 am

this is adorable...and the nav is hard to find & hard to read

By jesusisthebestthing on Oct 6, 2007 6:57 pm

I like this :] It's pretty, and I love the text path.

I do feel the navigation is a little confusing though. It's sort of out of the way and hard to notice. :]

By MarinaGrafix on Oct 6, 2007 6:33 pm

simple and cute. i love it. XD. it was hard for me to find the navi at first, cuz you have all the other words around it, kinda blends in with the nav. in a way. :/. but good job overall!

By alecreations on Oct 6, 2007 1:49 pm

Layout Details

Designer	annalucky
Submitted on	Oct 5, 2007
Page views	12,691
Favorites	40
Comments	10
Reviewer	IVIike
Approved on	Oct 6, 2007