C a p t i v a t e d

Designer's Comments

Look carefully for specific instructions

This layout was inspired by the book Twilight by Stephenie Meyer.

Don’t forget, before you apply this layout to your site, take the code going into the who I’d like to meet section and
1) edit the content
2) Change USERIDNUMBER to your user id number in the links and in the comment box code.
3) Change FRIENDUSERIDNUMBER to you friends user id number for your friends links
4) Fix the links in your alternate existence.

Also, please do not take with the images or the coding and claim it as your own. Thanks!

If you have any question, you may contact me at celestialabyss.createblog.com or celestialabyss.net

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>
.navigationBar{display:none;}
body div td div div select {position:absolute!important;top:-1000px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}select { visibility:hidden!important; WIDTH:0px!important;}
div div select, div div form {display:none !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{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;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
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;}
</style>

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

div{
  font-family: arial;
  font-size: 8pt;
  color: 4F6A4C;
  text-transform: lowercase;
  text-align: left;
  border: medium none;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 12px;
 overflow-x: ;}
 
input, select, textarea, .textfield, .button {
  font-family: arial;
  font-size: 8pt;
  color: 4F6A4C;
  text-transform: lowercase;
  border: 75936F 1px;
  background-color: C7D4C0;
  text-align: center;
  padding-left: 6px;
  padding-right: 6px;}

.text {
  font-family: arial; 
  font-size: 8pt;  
  text-transform: normal;  
  color: 4F6A4C; 
  font-weight: normal; 
  text-align: left;
  background-color: none;}

h1 {color: 536D46; font-family: Times New Roman; font-size: 18px; 
font-weight: normal; text-transform: lowercase; text-align: left; letter-spacing: 4px; 
line-height: 32px; background-position: left; background-repeat: no-repeat; text-indent: 25px; 
padding-bottom: -10px; margin: 0px 0px 0px 0px;}

h1:first-letter {color: 41515E; font-size: 20px; 
font-weight: bold; font-family: Times new roman; text-transform: uppercase; 
padding-bottom: -10px; 
margin: 0px 0px 0px 0px;}

h2 {color: 758592; 
font-family: century gothic; font-size: 10px; 
font-weight: normal; text-transform: uppercase; text-align: left; letter-spacing: 2px; text-indent: 46px; background-image: url("http://cbimg9.com/layouts/08/07/29533ab.jpg");
background-position: left;
background-repeat: no-repeat;
height: 10px; padding-bottom:15px;
margin: -9px 0px 3px 0px;}

b, strong {
  font-family: arial; 
  font-size: 8pt; 
  color: AC6262; 
  text-transform: uppercase;
  font-weight: bold;
}

i, em, s {
  font-family: Arial; 
  font-size: 10pt;
  color: 627558;
font-weight: italic;}

u {
  font-family: arial;
  font-size: 10pt;
  text-transform: lowercase;
  color: C8D5C1;
  border-bottom: 4F6A4C 1px dashed;
  background-color: F9F7EA;
}

.caphotos{
padding: 0px; 
position: absolute; 
height: 26px; 
width: 79px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg9.com/layouts/08/07/29533ac.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.caphotos:hover{
padding: 0px; 
height: 26px; 
width: 89px; 
background-image: url(http://cbimg9.com/layouts/08/07/29533ad.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
}

.camsg{
padding: 0px; 
position: absolute; 
height: 26px; 
width: 96px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg9.com/layouts/08/07/29533ae.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.camsg:hover{
padding: 0px; 
height: 26px; 
width: 106px; 
background-image: url(http://cbimg9.com/layouts/08/07/29533af.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
}

.cahome{
padding: 0px; 
position: absolute; 
height: 26px; 
width: 96px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg9.com/layouts/08/07/29533ag.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.cahome:hover{
padding: 0px; 
height: 26px; 
width: 78px; 
background-image: url(http://cbimg9.com/layouts/08/07/29533ah.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
}

.cacmt{
padding: 0px; 
position: absolute; 
height: 23px; 
width: 103px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg9.com/layouts/08/07/29533ai.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.cacmt:hover{
padding: 0px; 
height: 23px; 
width: 113px; 
background-image: url(http://cbimg9.com/layouts/08/07/29533aj.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
}

.cabyss{
padding: 0px; 
position: absolute; 
height: 25px; 
width: 161px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg9.com/layouts/08/07/29533ak.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.cabyss:hover{
padding: 0px; 
height: 25px; 
width: 171px; 
background-image: url(http://cbimg9.com/layouts/08/07/29533al.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
}

.cadd{
padding: 0px; 
position: absolute; 
height: 21px; 
width: 51px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg9.com/layouts/08/07/29533am.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.cadd:hover{
padding: 0px; 
height: 21px; 
width: 61px; 
background-image: url(http://cbimg9.com/layouts/08/07/29533an.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
}

a:link, a.nav:active, a.nav:visited {
display:block; 
font-family:arial; 
font-size:10px; 
font-weight: normal; 
color:AB9C9C; 
letter-spacing: 1px; 
text-decoration: none; 
text-transform: normal; 
}

a:hover {color:ffffff; 
letter-spacing:3px;
text-decoration:none;
background-color: transparent; 
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="camodule" style="position: absolute; left:28px; top:564px; width:210px; height:74px; overflow: auto;">
Music Player Goes Here.  If you’re using a flash player (which I recommend) make the dimensions of it 200x64.  You can get flash music players at these sites.<br><br>
<a href="http://www.loudfusion.com">Loudfusion</a> <br>
<a href="http://www.myflashfetish.com">My Flash Fetish</a> <br><br>you can also use this for a small text box.
</div>

<div class="camodule" style="position: absolute; left:31px; top:675px; width:504px; height:191px; overflow: auto;">
<h1>Captivated</h1>
<h2>learn more about me</h2>
<br><br>
<b>Name:</b> Your name here!<br>

<b>Age:</b> Your age!<br>
<b>Interests:</b> Your Interests here!!!<br>
<b>Other:</b>  More Stuff About you here!

<b>delicate</b> // <i>vampire</i> // <u>love</u>

<br><br>
This Layout was inspired by the series Twilight by Stephenie Meyer.  Yes, It’s another twilight myspace layout.  The images are from the Japanese release of the novel which includes some illustrations throughout the text.  I wanted to make a twilight layout without using just cover images but I kinda had a problem...  When I read the book I fell in love with the character Edward but when the movie release was announced, I was a bit disappointed.  Don’t get me wrong, I’m going to go see the movie… but I think they could have picked someone way hotter to play Edward.  I mean, the guys isn’t ugly, but I don’t think he’s up to Edward standards and so, I will not be featuring his image on any layout… mostly because of my disappointment.<br><br>

Well, I hope you guys like the layout and if you have nay questions, you can contact me at celestialabyss.createblog.com or celestialabyss.net.  Thanks and enjoy!<br><br>

Don’t forget, before you apply this layout to your site, take this part of the code (the code going into the who I’d like to meet section) and <br><br>
1) edit the content<br>
2) Change USERIDNUMBER to your user id number in the links and in the comment box code.<br>
3) Change FRIENDUSERIDNUMBER to you friends user id number for your friends links<br>
4) Fix the links in your alternate existence.<br><br>

<h1>Allies</h1>
<h2>those who walk the same path</h2>
<br><br>

<a href="http://www.myspace.com/FRIENDUSERIDHERE"class="nav">Friend name here</a>
<a href="http://www.myspace.com/FRIENDUSERIDHERE"class="nav">Friend name here</a>
<a href="http://www.myspace.com/FRIENDUSERIDHERE"class="nav">Friend name here</a>
<a href="http://www.myspace.com/FRIENDUSERIDHERE"class="nav">Friend name here</a>
<a href="http://www.myspace.com/FRIENDUSERIDHERE"class="nav">Friend name here</a>
<a href="http://www.myspace.com/FRIENDUSERIDHERE"class="nav">Friend name here</a>
<a href="http://www.myspace.com/FRIENDUSERIDHERE"class="nav">Friend name here</a>
<a href="http://www.myspace.com/FRIENDUSERIDHERE"class="nav">Friend name here</a>
<a href="http://www.myspace.com/FRIENDUSERIDHERE"class="nav">Friend name here</a>
<h1>Pathways</h1>
<h2>my alternate existance</h2>
<br><br>
<a href="http://YOURUSERNAME.deviantart.com"class="nav">DeviantART</a>
<a href="http://YOURUSERNAME.createblog.com"class="nav">Createblog</a>
<a href="URLHERE"class="nav">Other</a>
<a href="URLHERE"class="nav">Other</a>
<br><br>

<h1>Message me</h1>
<h2>send me the words ringing in your heart</h2>
<br><br>

<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fusea
ction=user.ConfirmComment">
<input name="friendID" value="XXXXXXXX" type="hidden" />
<textarea name="f_comments" cols="50" rows="5" class="comment" style="text-align: left; align:left; border-width: 1px; border-style: solid;  border-color: 
000000; background-color: transparent; overflow:none;">
you are exactly my brand of heroin…
</textarea>

</div>