E n r a p t u r e d

Designer's Comments

Look carefully for specific instructions

The layout features Amy Lee from Evanescence.

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

Also, please remember not to take the codes or images and claim them as your own. Thanks and 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: A27777; font-family: Times New Roman; font-size: 20px; 
font-weight: normal; text-transform: lowercase; text-align: left; letter-spacing: 5px; 
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: 460F0F; font-size: 28px; 
font-weight: bold; font-family: Georgia; text-transform: uppercase; 
padding-bottom: -10px; 
padding-left: 190px; 
margin: 0px 0px 0px 0px;}

h2 {color: 758592; 
font-family: century gothic; font-size: 8px; 
font-weight: normal; text-transform: uppercase; text-align: left; letter-spacing: 2px; text-indent: 32px; background-image: url("http://cbimg9.com/layouts/08/07/29733ab.jpg");
background-position: left;
background-repeat: no-repeat;
height: 18px; padding-bottom:3px;
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: 39px; 
width: 69px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg9.com/layouts/08/07/29733ac.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.caphotos:hover{
padding: 0px; 
height: 39px; 
width: 69px; 
background-image: url(http://cbimg9.com/layouts/08/07/29733ad.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
}

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

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

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

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

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

.cafeel{
padding: 0px; 
position: absolute; 
height: 9px; 
width: 19px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg9.com/layouts/08/07/29733ao.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.cafeel:hover{
padding: 0px; 
height: 9px; 
width: 19px; 
background-image: url(http://cbimg9.com/layouts/08/07/29733ap.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
}

.cahg{
padding: 0px; 
position: absolute; 
height: 9px; 
width: 67px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg9.com/layouts/08/07/29733aq.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.cahg:hover{
padding: 0px; 
height: 9px; 
width: 67px; 
background-image: url(http://cbimg9.com/layouts/08/07/29733ar.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
}

.caef{
padding: 0px; 
position: absolute; 
height: 10px; 
width: 68px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg9.com/layouts/08/07/29733as.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.caef:hover{
padding: 0px; 
height: 10px; 
width: 68px; 
background-image: url(http://cbimg9.com/layouts/08/07/29733at.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: 582px; top: 216px; width: 183px; height: 94px; overflow: auto;">
Music Player Goes Here.  If you’re using a flash player (which I recommend) make the dimensions of it 173x84.  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: 206px; top: 460px; width: 683px; height: 335px; overflow: auto;">
<h1>Enraptured</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>Under</b> // <i>your</i> // <u>spell</u>

<br><br>
This layout features Amy Lee from the band Evanescence.  It’s one of my favorite bands and I’ve been meaning to make a layout featuring her for a while now.  I was going to make this my personal layout for celestialabyss.net but I think I’m too lazy to do a layout change again this soon so I made it into a myspace layout for public consumption.Oh, and I know you picky people out there may notice that my header image isn’t centered but I wanted to make sure that the links worked in all screen resolutions and I don’t know if it would have worked if I had aligned the image to the center… and I didn’t feel like trying it out.  Sorry but if I have some free time I may test it out but the fact that it’s scooted over like this also means that the links underneath the DIV are covered up completely instead of how they were in my last two layouts (slightly sticking out).<br><br> 
And, yes, my favorite color is green.  For making layouts it is anyways.<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>always by my side</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>I want to hear you</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;">
Am I good enough for you?
</textarea>

</div>

Layout Comments

Showing latest 10 of 21 comments

AAAAAAAAAHHHHHHHHHH!!!!!!!! This layout is AMAMAZINGG!!
I love the strait jacket pictures of her!!

By dilligrout on Oct 31, 2008 10:35 pm

So.
I used your layout and I went to edit it a couple of days later and none of the codes were there; however, the layout was still in tact.

Is that part of the coding.. or is that just myspace's fault?

By MichelleMistake on Jul 26, 2008 3:32 am