LIVE LIFE TO EXTREME - HAYDEN PANETTIERE

Designer's Comments

Look carefully for specific instructions

1. COPY AND PASTE CODES INTO SECTIONS
2. REPLACE XXXXXX WITH FRIEND ID
3. REPLACE ABOUT ME SECTION WITH WHAT YOU WANT
4. ENJOY THE LAYOUT!

no rollovers.
i haven't quite learned them yet.

sorry =(

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

navigation.
<form method="post" target="_blank" action="http://home.myspace.com/index.cfm?fuseaction=user"><input type="submit" value="HOME" style="position: absolute; left: 425;top:144;" />
<form method="post" target="_blank" action="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=fe0d238a-e038-4112-a764-704d31ea0455"><input type="submit" value="COMMENT ME" style="position: absolute; left: 470;top:144;" />
<form method="post" target="_blank" action="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"><input type="submit" value="ADD ME" style="position: absolute; left: 551;top:144;" />
<form method="post" target="_blank" action="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=fe0d238a-e038-4112-a764-704d31ea0455"><input type="submit" value="MESSAGE ME" style="position: absolute; left: 601;top:144;" />
<form method="post" target="_blank" action="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX"><input type="submit" value="BLOCK" style="position: absolute; left: 680;top:144;" />
<form method="post" target="_blank" action="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"><input type="submit" value="PICTURES" style="position: absolute; left: 725;top:144;" />
<form method="post" target="_blank" action="http://emmijane.createblog.com/"><input type="submit" value="LAYOUT CREDIT" style="position: absolute; left: 786;top:144;" />

div div, div td {background-color:transparent; background-image:http://cbimg6.com/layouts/08/08/30356ac.jpg;}
div.profileWidth {margin-top: -XXpx !important;}
div.profileWidth div.clearfix {position:relative; top:YYpx}
.mslogo{display:none!important;}
div div select, div div form {display:none !important;}
div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important;}

</style>

table table table {border: 0px solid; border-color: d6c8bd;  padding:0; background-color:; background-image: url("")}
table tbody td table tbody tr td.text table{background-color:; background-image: url("")}
table table{border:0px;}
table table table table{border:0px;}
font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}
textarea, input {font-family:arial; font-size: 10px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: -1px; text-transform: ; padding: 0px; line-height: 10px;}
.btext {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} 
.blacktext10 {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} 
.blacktext12 {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}

.lightbluetext8 {font-family:arial; font-size: 11px; color: 000000; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;}

.nametext {font-family:arial; font-size: 2px; color: 000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; text-transform: ; padding: 0px; line-height: 10px;}

.orangetext15 {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

.redbtext, .redtext {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

.text {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform:; padding: 0px; line-height: 10px;}

.whitetext12 {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:SMALL FONTS; font-size: 7px; color: ffffff; font-weight: normal; text-decoration: italic; letter-spacing: 0px; text-transform:UPPERCASE; padding: 0px; line-height: 10px; background-color: transparent; border: 0px solid ..FFFFFF;}

a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:SMALL FONTS; font-size: 7px; color: ffffff; font-weight: none; text-decoration: none; letter-spacing: 0px; text-transform:UPPERCASE; padding: 0px; line-height: 10px; background-color:000000; transparent; border: 0px solid ..FFFFFF;}

b, stong 
{font-family:arial; font-size: 11px; color: ffffff; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform:; padding: 0px; line-height: 10px;}
img { filter:none; border:0px;}
a:link img { filter: none; border:0px solid black;}
a:hover img { filter:none; border:0px solid black;}
body {cursor: hand;}
a:hover {cursor: hand;}
TD TD {text-align: justify;}
TD TD TD {text-align: justify;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:center;}
TD TD TD TD TD {border-top: 0px solid black; text-align:center;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; text-transform: ; width:350px;}
TABLE TABLE {padding: 0px; text-transform: ;}
TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px; text-transform: ;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: ;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;}
table table table table {border: 0px; text-align: justify; padding: 0px;} 
table table table table table {border: 0px; text-align: justify; padding: 0px;} 
table table table table table table {border: 0px; text-align: justify; padding: 0px;}
</style>
<style> div td{ visibility: hidden; } div table { visibility: visible; } div table td { visibility: hidden; } div table table td { visibility: visible; } div table table { visibility: visible; } div table table div { visibility: visible; } table td div div { visibility: visible; } div table { visibility: visible; } { visibility: hidden; } 
</style>
    <style style="text/css">

.createblogcode{hide all the tables}
    .profileInfo, .extendedNetwork,
    .latestBlogEntry, .interestsAndDetails,
    .userProfileURL, .friendsComments,
    .userProfileNetworking, .userProfileSchool,
    .userProfileDetail, .friendSpace,
    .contactTable, .userProfileCompany, .orangetext15{display: none;}

.createblogcode{make the tables transparent so you can see good}
    table, tr, td{background-color: transparent}

.createblogcode{put the music player in the top-left corner}
    embed{position: absolute; top: 640px; left: 50%; margin-left: -150px;
    width: 300px;}

.createblogcode{make any other embeds stay where you put them}
    td td td td embed,
    td td td td object{position: static}

.createblogcode{background settings}
    body{
    background-color: cccccc;
    background-image: url('IMAGE_URL_HERE');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center top;
    }

.createblogcode{bring back the bottom links}
    .moveLinks{height:400px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

about me.
not more than 400 in width for images.
<div class="content" style="position:absolute; align=justify; left:438px;  top:172px; width:425px; height:380px;background-color:; overflow: auto;"><div align="justify">
<br /><br />
START ABOUT ME HERE
<br />
TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE!
TEXT IN HERE! TEXT IN HERE!
<br /><br />
replace all "xxxxxx"s with friend i.d.
<br />
no images larger than 400 width
<br /><br />
<i>italic</i> <b>bold</b> <u>underline</u> <a href="www.createblog.com">links</a>
<br /><br />
all text will be lowercase. still haven't learned how to do rollovers... sorry =(... enjoy the layout and don't forget to check out more awesome layouts at <a href="www.createblog.com">createblog</a>.
<br /><br />
this box will scroll when more content is put into it. lol. sorry if you don't like scroll boxes? but it's how i do my divs.
<br /><br />
TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE!TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE!
<br /><br />
</div></div>

stuff.
not more than 180 in width for images
<div class="content" style="position:absolute; align=justify; left:904px;  top:181px; width:197px; height:360px;background-color:; overflow: auto;"><div align="justify">
<center>
whatever in here.
<br />
pics? text? marquees? whatever.
<br /><br />
<marquee direction="left">whatever you want in here</marquee>
<br />
<marquee direction="right">text, images, whatever!</marquee>
<br /><br />
whatever you want.
<br />
whatever you want.
<br /><br />
blahblahblahblahblahblahblah
<br />
yadayadayadayada!!!!!!!!!!!!
<br /><br />
text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text.
</div></div>

Layout Comments

Showing latest 10 of 11 comments

what is it with thisss.

when i send in my code the links come back msp links instead of the original XXXXXX's and just recently when i put in XXXX links in myspace it turns into msp linkss

UGH

By emmijane on Aug 13, 2008 10:04 pm

ya navigation doesnt work for me either=[
any button i click
its just send me to my home page...

By cityprincess205 on Aug 13, 2008 3:50 pm

It would be a lot more cuter if the picture of Hayden was gone.... just thought I'd through in that little bit.

By Mugazzz513 on Aug 12, 2008 8:53 pm

thats really weird.
it didnt have a problem before
and i went over the layout code
and all the links are correct

By emmijane on Aug 10, 2008 11:15 pm

my NAViiGATiiON doesn't work!!!!!!!

By giuliii on Aug 10, 2008 11:12 pm

the layout image is to big

By Sabastian on Aug 9, 2008 11:32 am

unique buttons. Caps on the title aren't always great. But the layout overall looks nice. Regular text for the links will work out as well.

By Blaqheartedstar on Aug 9, 2008 1:53 am

cute image. the layout if cute, but the stuff div looks off with the word covered. and the links seem a bit sloppy? but it's still very cute.

-DH

By xDarkHope on Aug 9, 2008 12:08 am

fixed it!!!!!!!!!!!!

By emmijane on Aug 8, 2008 7:57 pm

I don't really understand why it always happens to your layouts, but the images are screwed up again. Sorry about that. D:

By schizo on Aug 8, 2008 7:44 pm

View all »

Layout Details

Designer	emmijane
Submitted on	Aug 8, 2008
Page views	12,642
Favorites	48
Comments	11
Reviewer	schizo
Approved on	Aug 8, 2008

Layout Colors

Layout Tags

cute, fashion, girls, stripes, hayden p, emmijane, yellow stripes, pink & yellow, adorable

Layout Tools

Layout Affiliates

Here I Stand Layouts