When Cicadas Cry

Designer's Comments

Look carefully for specific instructions

Please do not remove my credits or my link to Celestialabyss.net or createblog. You can change the deviantart link however to go to your deviantart if you wish.

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.

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: DFE9EA;
  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: DFE9EA;
  text-transform: lowercase;
  border: DFE9EA 1px;
  background-color: 082506;
  text-align: center;
  padding-left: 6px;
  padding-right: 6px;}

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

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

h2 {color: CF9D9D; 
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("none");
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: 082506;
  border-bottom: 4F6A4C 1px dashed;
  background-color: F9F7EA;
}

.caphotos{
padding: 0px; 
position: absolute; 
height: 9px; 
width: 38px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg6.com/layouts/08/09/31558ab.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.caphotos:hover{
padding: 0px; 
height: 9px; 
width: 38px; 
background-image: url(http://cbimg6.com/layouts/08/09/31558ac.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
}

.camsg{
padding: 0px; 
position: absolute; 
height: 9px; 
width: 50px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg6.com/layouts/08/09/31558ad.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.camsg:hover{
padding: 0px; 
height: 9px; 
width: 50px; 
background-image: url(http://cbimg6.com/layouts/08/09/31558ae.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
}

.cahome{
padding: 0px; 
position: absolute; 
height: 9px; 
width: 24px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg6.com/layouts/08/09/31558af.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.cahome:hover{
padding: 0px; 
height: 9px; 
width: 24px; 
background-image: url(http://cbimg6.com/layouts/08/09/31558ag.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
}

.cacmt{
padding: 0px; 
position: absolute; 
height: 9px; 
width: 46px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg6.com/layouts/08/09/31558ah.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.cacmt:hover{
padding: 0px; 
height: 9px; 
width: 46px; 
background-image: url(http://cbimg6.com/layouts/08/09/31558ai.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
}

.cabyss{
padding: 0px; 
position: absolute; 
height: 9px; 
width: 70px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg6.com/layouts/08/09/31558aj.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.cabyss:hover{
padding: 0px; 
height: 9px; 
width: 70px; 
background-image: url(http://cbimg6.com/layouts/08/09/31558ak.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
}

.cadd{
padding: 0px; 
position: absolute; 
height: 9px; 
width: 27px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg6.com/layouts/08/09/31558al.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.cadd:hover{
padding: 0px; 
height: 9px; 
width: 27px; 
background-image: url(http://cbimg6.com/layouts/08/09/31558am.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
}

.cada{
padding: 0px; 
position: absolute; 
height: 9px; 
width: 53px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg6.com/layouts/08/09/31558an.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.cada:hover{
padding: 0px; 
height: 9px; 
width: 53px; 
background-image: url(http://cbimg6.com/layouts/08/09/31558ao.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
}

.cacb{
padding: 0px; 
position: absolute; 
height: 9px; 
width: 59px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg6.com/layouts/08/09/31558ap.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.cacb:hover{
padding: 0px; 
height: 9px; 
width: 59px; 
background-image: url(http://cbimg6.com/layouts/08/09/31558aq.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:68px; top:713px; width:543px; height:226px; overflow: auto;">
<h1>When Cicadas Cry</h1>
<h2>higurashi no naku koro ni</h2>
<br /><br />

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

<b>Bold</b> // <i>Italic</i> // <u>Underlined</u>

<br><br>
This layout was inspired by the anime, <i>Higurashi no Naku Koro Ni</i>.  All the text in the image is from the song, Higurashi no Naku Koro Ni which is also the opening theme to the anime.  I’m leaving my music player here if you want to keep it there but if you want to replace it with your own, I recommend the circle player from myflashfetish.com set to 90x90 px.  (That’s what I currently have)
<br><br> 
And, yes, I did make another green layout.  What can I say, it’s my fav color.<br><br>

Well, I hope you guys like the layout and if you have any 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>Confess to me</h1>
<h2>and there will be no more lies, no more confusion</h2>
<br /><br />

<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fusea
ction=user.ConfirmComment">
<input name="friendID" value="132957605" 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 can’t escape
</textarea>

</div>