the lion fell in love with the lamb

Designer's Comments

Look carefully for specific instructions

This layout features cover art from New Moon, the second book in the twilight series. By popular demand, I made this layout *an original xanga layout* into myspace format after redesigning the whole thing. Please enjoy!

Don’t forget, before you apply this layout to your site, take the part of the code going into the who I’d like to meet section, paste it into a notepad document 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.

Please do not take either my code or my images and claim them as you own or redistribute them without my permission. 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: D8BCBC;
  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: D8BCBC;
  text-transform: lowercase;
  border: A19191 1px;
  background-color:000000;
  text-align: center;
  padding-left: 6px;
  padding-right: 6px;}

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

h1 {color: E8E3E0; 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: B33A3A; font-size: 20px; 
font-weight: bold; font-family: Times new roman; text-transform: uppercase; 
padding-bottom: -10px; 
margin: 0px 0px 0px 0px;}

h2 {color: E7E8ED; 
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/29480ab.jpg");
background-position: left;
background-repeat: no-repeat;
height: 33px; padding-top:10px;
margin: -9px 0px 3px 0px;}

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

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

u {
  font-family: arial;
  font-size: 10pt;
  text-transform: lowercase;
  color: 7F8993;
font-weight: underline;
}

a:link, a:active, a:visited {
display:block; 
background: 3E2626; 
font-family:times new roman; 
font-size:12px; 
font-weight: normal; 
color: F4E1E5; 
letter-spacing: 3px; 
text-decoration: none; 
text-transform: normal; 
text-align:left;
line-height:18px; }

a:hover {color: 2B1919;
background-color: F4E1E5; 
letter-spacing:5px;
text-decoration:none; 
text-align:left;}

a.nav: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; 
line-height:18px; }

a.nav: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:450px; top:120px; width:138px;  overflow: auto;">
<a href="http://home.myspace.com/index.cfm?fuseaction=user">home</a> 
<br>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=USERIDNUMBER ">add me</a>
<br>
<a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=USERIDNUMBER">comments</a> 
<br>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=USERIDNUMBER ">message</a>  
<br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=USERIDNUMBER ">photos</a>
<br><h1>Credits</h1><br>
<a href="http://celestialabyss.createblog.com">C. Abyss</a>
<br>
</div>

<div class="camodule" style="position: absolute; left:11px; top:425px; width:160px; height:74px; overflow: auto;">
Music Player Goes Here.  If you’re using a flash player (which I recommend) make the dimensions of it 150x64.  You can get flash music players at these sites.<br><br>
<a href="http://www.loudfusion.com">Loudfusion</a> 
<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:21px; top:559px; width:517px; overflow: auto;">
<h1>The Webmistress</h1>
<h2>subtitle here</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>Bold text</b> // <i>Italic Text</i> // <u> Underlined text</u>

<br><br>
This Layout was inspired by the series Twilight by Stephenie Meyer.  Of course, the original image was taken from the second book cover.  This is the Third version of this layout… The first version was released for xanga, the second for my personal use *I didn’t like it all that much* and then this version, for public consumption.  I’ve been working on making a new myspace DIV code as my old one wasn’t working right (as you can see from my <i>hushed affection</i> layout).  S Majere allowed me to use her codes but it didn’t seem right using someone else’s coding when I’m perfectly capable for coding myself… I was just too lazy to.  Anyways, I hope you like this layout and there should be more to come.  I’m trying to make more myspace layouts since xanga has been kind of dying.<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>