Natalie Portman (Myspace Version)

Designer's Comments

Look carefully for specific instructions

Do NOT remove my layout credit or edit the layout in anyway.
Tested on Mozilla Firefox and Safari.

The Navigation is a bit better aligned in FireFox.

There are 5 FRIENDID's in the code where you put your friend ID, one is in the comment box and the others are in the links, make sure you put your ID in them before saving the first time!

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>
.note {layout copyright to aQuafly@xanga.com}
</style>

body
{background-color:51a7c4;
background-image:url('');
background-position:center;
background-repeat:repeat-y;
scrollbar-track-color:51a7c4;
scrollbar-arrow-color: 51a7c4;
scrollbar-face-color: 000000;
fixed;cursor:default;}

.nav{height:auto;
overflow:visible;
border-width: 1px;
border-style: dotted;
border-color: a42776;
background-color:none;
text-align:left;
color:FFFFFF;}

.itemTitle
{font-family:Century Gothic;
font-size:20px;
font-weight:Normal;
text-decoration:none;
color:a42776;
letter-spacing:-2px;
text-align:left;
line-height:11px;
border-bottom:2px;
border-bottom-style: dashed;
border-bottom-color: 51a7c4;
display:block;
padding:3px;
width:415px;
background-image: url('http://cbimg9.com/layouts/08/10/31892aa.png');
background-position:center;}

.navhead{height:auto;
overflow:visible;
border: 0px;
text-align:center;}

.blogbody b, .standard b, p b, b
{color: 51a7c4;
font-family:Times new roman;
font-size:13px;
font-weight:bold;
text-decoration:none;}

i, em {color: eeeeee;
font-family:times new roman;
font-size:11px;
font-weight:bold;
text-decoration:italic;}

s{color: c49db6;
font-family:tahoma;
font-size:11px;
font-weight:bold;}

u {color: a42776;
font-family:century gothic;
font-size:13px;
font-weight:normal;
text-decoration:none;
border-bottom:1px
border-bottom-style: dashed;
border-bottom-color: 89c489;}

.navTitle
{font-family:Tahoma;
font-size:16px;
font-weight:Normal;
text-decoration:italic;
color:a42776;
text-align:Center;
line-height:11px;
background-color:51a7c4;
display:block;
background-image: url('http://cbimg9.com/layouts/08/10/31892aa.png');
background-position:center;}

a, a:link, .footernav.link, a.footernav:link, a.footernav:active, a:visited, .footernav:visited, a:active{color: eeeeee;
font:normal 11px Calibri;
text-transform:lowercase;
text-decoration: none;
font-weight:normal;
letter-spacing:1px;}

a:hover {color: f3009a;
cursor:help;font: 11px Calibri;
text-transform:lowercase;
text-decoration:none;
font-weight:normal;
border-bottom:1px;
border-bottom-style: dotted;
border-bottom-color: eeeeee;
letter-spacing:1px;}

a.nav1:active, a.nav1:visited, a.nav1:link
{background-color:643c91;
text-align:center;
border-left:10px;
border-left-style:solid;
border-left-color:643c91;
border-right:10px;
border-right-style:solid;
border-right-color:643c91;
text-decoration:none;
line-height:10px;
color:EEE;
cursor:help;
font:10px arial;
display:block;
width:auto;
margin:3px;}

a.nav1:hover
{background-color:a42776;
text-align:center;
border-left:10px;
border-left-style:solid;
border-left-color:a42776;
border-right:10px;
border-left-style:solid;
border-left-color:a42776;
text-decoration:none;
line-height:10px;
color:51a7c4;
cursor:help;
font:10px arial;
display:block;
width:auto;
margin:3px;
border-bottom:0px;}

div.maintable
{position:absolute;
top:200px;
left:50%;
margin-left:-336px;
background-image:url('http://cbimg9.com/layouts/08/10/31892ab.png');
width:700px;
height:auto;
background-color:000000;
background-position:top center;
background-repeat:no-repeat;
padding-top:560px;}

div.navigationandcontent
{margin-left:500px;
width:180px;
align:top;
position:static;}

div.aboutme
{position:absolute;
top:750px;
left:50%;
margin-left:-320px;
z-index:2;
width:420px;
valign:top;
align:left;
padding:10px;
color:FFFFFF;}

div.aboutme div
{border-width: 1px;
border-style: dotted;
border-color: a42776;
text-align:left;
color:FFFFFF;}

input.c-box
{background-color:51a7c4;
border:1px solid a42776;
color:ffffff;
font-family:terminal;
font-size:9px;
width:160px;
height:80px;
text-align:center;}

input
{background-color:51a7c4;
border:1px solid a42776;
color:ffffff;
font-family:terminal;
font-size:9px;
width:80px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<span class="navTitle">Comment</span>

</div><br />

<br />

</center>

</div><br /><br />

<span class="navTitle">Navigation</span>

</div><br />

<a class="nav1" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">Photos</a>
<a class="nav1" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">Blog Posts</a>
<a class="nav1" href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">Friends</a>
<a class="nav1" href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block</a>
<a class="nav1" href="http://www.xanga.com/aQuafly">Layout Credit</a>

</div><br /><br />

<span class="navTitle">Basic Information</span>

</div><br />

<b>Name:</b>N/A
<br />
<b>Age:</b>N/A
<br />
<b>Gender:</b>N/A
<br />
<b>Orientation:</b>N/A
<br />
<b>Status:</b>N/A
<br />

</div><br /><br />

<span class="navTitle">Additional Content</span>

</div><br />

You can write whatever you want here. Your interests, your personality, your likes, dislikes, favourite movies, favourite books, ect. :)

</div></div>

<span class="itemTitle">About Myself:</span><br />

In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. </div>

<span class="itemTitle">My Interests:</span><br />

In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you. In this section you can write all about yourself or whatever you'd like, it's up to you.</div>

</center>

</div>

Layout Comments

Showing latest 10 of 12 comments

i love dhis layout qreat job

bhut is there a way too chanqe the photo on top ??

please let me know asap

By xshezsbaddx on Jul 9, 2009 3:28 pm

NVM :D

I just found the code for an add buttonnnn

and added it in ;D

anddddddd

is there a way that I can put a different picture in?!
I still want to use one of Natalie..
But I found one I like betterrrrr

soooo, do you remember what the code was for the picture at the top so I can replace it?!
I won't delete the backgroud credit to you ;D

Thankies ^^