Hollow Whispers

Designer's Comments

Look carefully for specific instructions

please replace the XXXXXXXX with your user id number.

sorry for the long wait. As requested, I've redone this layout in myspace format. I hope you guys like it! (I personally like this version better)

P.S. The music player in the screenshot is from my personal current layout... don't worry, this can be easily edited.

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

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

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

h2 {color: BD9F9F; 
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: 8E5C5C; 
  text-transform: uppercase;
  font-weight: bold;
}

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

u {
  font-family: arial;
  font-size: 10pt;
  text-transform: lowercase;
  color: 612F2F;
  border-bottom: 888484 1px dashed;
}

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

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

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

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

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

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

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

.cams{
padding: 0px; 
position: absolute; 
height:19px; 
width: 95px; 
border: 0px solid; 
overflow: hidden; 
background-image: url(http://cbimg6.com/layouts/08/12/33100ap.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
display: block;
} 
.cams:hover{
padding: 0px; 
height: 19px; 
width: 95px; 
background-image: url(http://cbimg6.com/layouts/08/12/33100aq.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

PLACE MUSIC PLAYER HERE
</div>

<div class="camodule" style="position: absolute; left: 177px; top:443px; width: 373px; height:157px; overflow: auto;">
<h1>Hollow Whispers</h1>
<h2>When was it that you stopped telling me everything</h2>
<br /><br />
“PERSONAL QUOTE”<br /><br />
GENDER<br />
LOCATION<br />
U.S.?<br /><br />
Current Mood: CURRENT MOOD <br /><br />

<b>I suggest using a circle music player from myflashfetich.com.  Keep it around 110x110 px.</b><br><br>

PUT IN PERSONAL INFO HERE!!!!!<BR><BR>

<b>bold</b> // <i>italic</i> // <u>underlined</u>

<h1>Whispers</h1>
<h2>Take me back, tell me more</h2>
<br /><br />

</div>

Layout Comments

Showing latest 10 of 19 comments

I was wondering, Since I'm new, I'd like to know how to get rid of those Myspace boxes, cause your design is all neat like and I just come out with the crappy old normal layout. T.T

By Condensation on Aug 30, 2010 3:59 am