Twilight - I Know What You Are

Designer's Comments

Look carefully for specific instructions

Hey everyone! So this layout is obviously based on Twilight, the scene in the movie/book where Bella discovers and confronts Edward about being a vampire. I wanted the links to sort of be like you were watching the movie, but with images. I dunno, it made sense when I was making it! xP

TO INSTALL
[1] Push ctrl + F and find -all- XXXXXX and replace with your friend id.
[2] Push ctrl + F and find -all- YOURFRIENDURLHERE and replace with your friends' Myspace addresses.
[3] Edit YourPic.png and FriendPic.png to yours and your friend's pictures.
[4] You're done! Enjoy your work and the layout!

Do not remove credit.

{stamp from StampsByNeekko}{film by chokingonstatic}{forestBG by Sheckler05}

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>
body table {margin-top803d00:-5000px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
.navbar, div table td font {visibility:hidden !important;}

</style> 
<style>

body { 
  background-color:1f1e27;
  background-image: url(none);
  background-position:top left; 
  background-repeat: repeat-x;
  background-attachment: scroll; 
  overflow-x:hidden
  scrollbar-arrow-color: 998a9b;
  scrollbar-track-color: afe4b7;
  scrollbar-face-color: 3a364a;
  scrollbar-highlight-color: 3a364a;
  scrollbar-3dlight-color: 3a364a;
  scrollbar-darkshadow-color: 3a364a;
  scrollbar-shadow-color: 3a364a;

}

{text}
table, tr, td, li, p, div {  color:191919; font-family:Tahoma; font-size:9px;     }

.redtext {  color:000000; font-size:12px;      }

a:active, a:visited, a:link{  color:ffffff; font-family:Arial; font-size:9px; text-transform: uppercase;  }

a:hover {  color:ffffff; font-size:10px;    } 
 
b {color:ba4dcd; font-family:Candara; font-weight:bold; font-size:10px;}
 
u{font-family:Arial;font-size:9px;color:3C3C3C;
font-weight:bold;text-decoration:underline;
letter-spacing:0px;
text-transform:uppercase;
border-bottom:2px dashed;
border-bottom-color:3C3C3C;
letter-spacing:0px;}
 
 .blacktext10 {
font-family: Arial;
font-size: 9px;
font-weight: bold;
color: 3C3C3C;
text-transform: uppercase;
letter-spacing: 0pt;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-color: 3C3C3C;
border-bottom-style: solid;
width: 250px;
line-height: 12px;
font-weight: bold !important;
display: block;
text-align: right;
margin: 0 0 -10px 0;
}

{divs}

.bg1
{background-color: transparent;
background-image: url(http://cbimg6.com/layouts/09/04/34394aa.png);
background-attachment: scroll;
background-position:top left; 
background-repeat:no-repeat;
position:absolute;
top:163px;
left:200px;
scroll:hidden;
display:block;
width:1000px;
height:800px;
z-index:1;}

.pix{
height:83px; 
width:137px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/04/34394ab.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.pix:hover{background-position:bottom left;}

.pixcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:214px;
top:349px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.vids{
height:83px; 
width:137px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/04/34394ac.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.vids:hover{background-position:bottom left;}

.vidscon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:356px;
top:349px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.blog{
height:83px; 
width:137px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/04/34394ad.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.blog:hover{background-position:bottom left;}

.blogcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:498px;
top:349px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.add{
height:84px; 
width:137px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/04/34394ae.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.add:hover{background-position:bottom left;}

.addcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:640px;
top:349px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.block{
height:84px; 
width:137px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/04/34394af.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.block:hover{background-position:bottom left;}

.blockcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:781px;
top:349px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.creds
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:170px;
left:935px;
display:block;
padding:0px;
width:95px;
height:15px;
z-index:2;
overflow:auto;
text-align:justify;}

.friends{
height:83px; 
width:137px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/04/34394ag.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.friends:hover{background-position:bottom left;}

.friendscon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:923px;
top:350px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.msg{
height:53px; 
width:59px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/04/34394ah.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.msgcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:1125px;
top:365px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.contentleft
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:450px;
left:250px;
display:block;
padding:5px;
width:395px;
height:314px;
z-index:2;
overflow:auto;
text-align:justify;}

.contentright
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:465px;
left:685px;
display:block;
padding:5px;
width:340px;
height:260px;
z-index:2;
overflow:auto;
text-align:justify;}

.friendmarquee
{background-color: transparent;
background-attachment: hidden;
position:absolute;
top:475px;
left:1075px;
display:block;
padding:0px;
width:135px;
height:303px;
z-index:2;
overflow:hidden;
text-align:justify;}

.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important;

_padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;}

.comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .orangetext15, .redlink, .comt .btext, .rid, .frnd{display:none;}

.comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}

td.text td.text table table table td a img {width:70px;}  td.text td.text table table table td div img {width:50px;}  td.text td.text table

table td img {width:250px; max-width:250px; width:auto;} 
td.text td.text table table td div img {width:70px;}  
* html td.text td.text table table td img {width:80px;} 
* html td.text td.text table table td a img {width:70px;}  * html td.text td.text table table td div img {width:50px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<img src="http://cbimg6.com/layouts/09/04/34394ai.png" align="left">
<p>[Name:] Alicia
<p>[Age:] 20
<p>[Location:] Michigan
<p>[Status:] Married
<p>[Likes:] Content Here
<p>[Dislikes:] Content Here
<p> Whatever else you want. Will scroll. Yep. Questions on usage, installation, and whatever else.. Email me at oranger0cks (at)

hotmail [dot] com.
<p> This layout was obviously designed with Twilight in mind (duh, right?). It's the part in the forest where Bella confronts

Edward about being a vampire. The navi was supposed to be like a cut-scene of the movie. 
<p>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
	<input type="hidden" name="friendID" value="XXXXXX">
	<textarea name="f_comments" id="f_comments" cols="60" rows="2" style=" background-color:d5d8d8!important; 
		background-image: url(http://); 
		background-position: 
		top left; 
		background-attachement: fixed; 
		background-repeat: repeat; 
		border:0px black solid; 
		font-family:Arial!important; 
		font-size:9px!important; 
		color:425657!important; ">No, I'm not scared.</textarea>
<br><div align="center"><input type="submit" value="send it">	
	<input type="reset" value="erase it"></form></div>

</div>
</div>

[This space is really for whatever you want it to be for. For the sake of keeping to the theme of the layout, I'm posting some lyrics

from I Caught Myself by Paramore, which is on the ST.]

<br><br><img src="http://cbimg6.com/layouts/09/04/34394aj.png">
<div align="right">
<p><p><p>
<font color="ffffbf" face="arial">
Down to you<br>You're pushing and pulling me down to you<br>But I don't know what I<br>
Now when I caught myself<br>I had to stop myself<br>
From saying something<br>That I should've never thought<br>Now when I caught myself<br>I had to stop myself<br>
From saying something<br>That I should've never thought of you of you<br><br>You're pushing and pulling me down to

you<br>But I don't know what I want<br>
No, I don't know what I want<br><br>You got it, you got it<br>Some kind of magic<br>Hypnotic, hypnotic<br>
You're leaving me breathless<br>I hate this, I hate this<br>You're not the one I believe in<br>
With God as my witness<br><br>Now when I caught myself<br>I had to stop myself<br>From saying something<br>That I

should've never thought<br>Now when I caught myself<br>I had to stop myself<br>From saying something<br>That I should've

never thought of you, of you<br>You're pushing and pulling me down to you<br>But I don't know what I want<br>No, I don't

know what I want<br><br>Don't know what I want<br>But I know it's not you<br>Keep pushing and pulling me down<br>
But I know in my heart it's not you<br><br>Now when I caught myself<br>I had to stop myself<br>From saying

something<br>That I should've never thought<br>Now when I caught myself<br>I had to stop myself<br>From saying

something<br>That I should've never thought of you<br>I knew, I know in my heart it's not you<br>I knew, but now I know what I

want, I want, I want<br>Oh no, I've should have never thought<br>
</div>

</font>
</font>
</div> 
</div>

<marquee behavior="scroll" direction="up" scrollamount="3" height="303px">
<a href="YOURFRIENDURLHERE"><img src="http://cbimg6.com/layouts/09/04/34394ak.png"

border="0" width="115" height="115"><br><br>
<a href="YOURFRIENDURLHERE"><img src="http://cbimg6.com/layouts/09/04/34394ak.png"

border="0" width="115" height="115"><br><br>

</marquee>
</div>

<div class="addcon">
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXX" alt="add me" class="add"

target="_blank"></a>
</div>

<div class="msgcon">
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXX" alt="message me" class="msg"

target="_blank"></a>
</div>

<div class="pixcon">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXX" alt="my pix"  class="pix"

target="_blank"></a>
</div>

<div class="blockcon">
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXX" alt="block me" class="block"

target="_blank"></a>
</div>

<div class="creds">
<a href="http://www.myspace.com/ec_lectic"><img

src="http://cbimg6.com/layouts/09/04/34394al.png" border="0"></a>
</div>

<div class="blogcon">
<a href="http://blogs.myspace.com/index.cfm?fuseaction=blog.ErrorInfo&friendID=XXXXXX" alt="my blog" class="blog"

target="_blank"></a>
</div>

<div class="vidscon">
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&channelID=XXXXXX" alt="my vids" class="vids"

target="_blank"></a>
</div>

<div class="friendscon">
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXX" alt="my friends" class="friends"

target="_blank"></a>
</div>

Layout Comments

Showing latest 10 of 18 comments

It's great. No doubts. [:

By JesseBlitzkrieg on Dec 12, 2009 7:39 am

This is a lovely Twilight layout. I like the ribbon, and how it actually looks real. The only thing that I don't like is the film brush used toward the right side and the box on the right itself, i think would look better dark. I do love those rollovers! =D I feel like I'm in forks.

By shadowkissed on May 17, 2009 12:13 pm