Edward et Bella

Designer's Comments

Look carefully for specific instructions

Please remember to replace XXXXXXX with your friend ID FIRST!
PM for any help.
Image taken from the twilight film.
Extract from the book.

I've been wanting to make a new layout for ages and I was watching this last night and realised how easy it'd be to turn into a layout. I really like how it turned out. I'll make some more soon, obviously :] This took nearly 4 hours ¬_¬

PM if any thing used is yours, I'm so sorry but I've forgotten half of the brush makers in my library :(
I'm awful, I 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>
a:active, a:link, a:visited {
Font: normal 7px small fonts;
text-transform: uppercase;
Color: FFFFFF;
}

a:hover {
Color: 129999;
Text-Decoration: None;
Cursor: Crosshair; 
}

.Nav1 {
position: absolute; z-index:4; 
width:70px; height:43px;
left:50%; top:203px;
margin-left:-87px;
}

.home:active, .home:link, .home:visited {
display: block; overflow:hidden;
height:43px;  width:70px; 
background-color:transparent;  
background: url(http://cbimg6.com/layouts/09/07/35215aa.png);
background-position:top left;
background-repeat: no-repeat; 
cursor:crosshair;
}

.home:hover {
background-position: bottom left;  border:none;
background-color:transparent;
cursor:crosshair;}

.Nav2 {
position: absolute; z-index:4; 
width:83px; height:61px;
left:50%; top:224px;
margin-left:-17px;
}

.add:active, .add:visited, .add:link {
display: block; overflow:hidden;
height:61px;  width:83px; 
background-color:transparent;  
background: url(http://cbimg6.com/layouts/09/07/35215ab.png);
background-position:top left;
background-repeat: no-repeat; 
cursor:crosshair;
}

.add:hover {
background-position: bottom left;  border:none;
background-color:transparent;
cursor:crosshair;
}

.Nav3 {
position: absolute; z-index:4; 
width:90px; height:40px;
left:50%; top:296px;
margin-left:-95px;
}

.msg:active, .msg:link, .msg:visited {
display: block; overflow:hidden;
height:40px;  width:90px; 
background-color:transparent;  
background: url(http://cbimg6.com/layouts/09/07/35215ac.png);
background-position:top left;
background-repeat: no-repeat; 
cursor:crosshair;}

.msg:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.Nav4 {
position: absolute; z-index:4; 
width:73px; height:38px;
left:50%; top:379px;
margin-left:-85px;
}

.blk:active, .blk:link, .blk:visited {
display: block; overflow:hidden;
height:38px;  width:73px; 
background-color:transparent;  
background: url(http://cbimg6.com/layouts/09/07/35215ad.png);
background-position:top left;
background-repeat: no-repeat; 
cursor:crosshair;}

.blk:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.Nav5 {
position: absolute; z-index:4; 
width:95px; height:36px;
left:50%; top:421px;
margin-left:-30px;
cursor:crosshair;}

.pics:active, .pics:visited, .pics:link {
display: block; overflow:hidden;
height:36px;  width:95px; 
background-color:transparent;  
background: url(http://cbimg6.com/layouts/09/07/35215ae.png);
background-position:top left;
background-repeat: no-repeat; 
cursor:crosshair;}

.pics:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.Nav6 {
position: absolute; z-index:4; 
width:84px; height:35px;
left:50%; top:331px;
margin-left:-4px;
cursor:crosshair;}

.cmnt:active, .cmnt:visited, .cmnt:link {
display: block; overflow:hidden;
height:35px;  width:84px; 
background-color:transparent;  
background: url(http://cbimg6.com/layouts/09/07/35215af.png);
background-position:top left;
background-repeat: no-repeat; 
cursor:crosshair;}

.cmnt:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.content1 {
background: transparent;
width: 175px;
height: 235px;
position: absolute;
overflow: auto;
top: 205px;
left: 50%;
margin-left: +125px;  
}

div {
scrollbar-face-color: 647A19;
scrollbar-arrow-color: 0c6990;
scrollbar-track-color: 647A19;
scrollbar-shadow-color: 647A19;
scrollbar-highlight-color: 647A19;
scrollbar-3dlight-color: 647A19;
scrollbar-darkshadow-color: 647A19;
filter: chroma(color=647A19);
font: 10px times;
line-height: 20px; 
color: FFFFFF;
text-align:left;
}

BODY {
background-color: 000000; 
cursor: crosshair;}

b, strong {
Font-family: "arial";
Text-transform: none;
font-size: 10px;
text-decoration: none;
color:009e43;
}

i {font:italic 11px arial;
color:007ea3; 
}

.image {
top:100px;
left: 50%;
margin-left: -400px;
position:absolute;
z-index:0;
}

table table div form {display:inline !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;} 
.profile, div ul {display:none !important;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content1">
"<b>I wanted you to forget my behaviour that first day</b>, if <i>possible</i>, so I tried to talk with you like I would with any person. <a href="'">I was eager actually</a>, hoping to decipher some of your thoughts. But you were <u>too</u> interesting, I found myself caught up in your expressions...and every now and then you would stir the air with your hand or your hair and the scene would stun me again..."
</div>