(un)beautiful creature

Designer's Comments

Look carefully for specific instructions

REPLACE ALL XXXXXX WITH YOUR FRIEND ID BEFORE YOU DO ANYTHING.

THIS LAYOUT DOES NOT COVER THE AD. JUST IN THE CREATEBLOG PREVIEW.

This layout has only been tested in Internet Explorer.

It's simple. Nothing flashy or excessively morbid. Just dark.. and simple :D. Enjoy.

Hearts and such to all you 'manias' out there.

Any questions, yell at me via pm or my xanga. Thanks for using this layout! ^.^

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

h1 {
font-family:georgia;
text-transform:none;
font-size:28px;
font-style:italic;
line-height:26px;
color:685c47;
letter-spacing:0px;
margin-bottom:11px;
margin-right:31px;
padding-right:4px;
padding-top:6px;
background-color:transparent;
text-align: left;
font-weight:normal;
border:0px;
}

.content {
font:normal 11px tahoma;
line-height: 13px;
color: d2be94;
text-align:left;
width:440px; 
height:auto;
overflow-x:hidden;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 250px;
margin-top: 310px;
}

.content a:link, .content a:visited, .content a:active {
color:92846c;
font: bold 12px courier new;
letter-spacing:2px;
text-decoration:none;
text-transform:none;
}

.content a:hover {
color:454132;
letter-spacing:2px;
background-color:c6b48e;
border-bottom:2px solid fff;
text-transform:none;
}

.box {
width: 210px;
height: auto;
position : absolute; 
margin-left:720px; 
margin-top:365px; 
overflow: hidden; 
z-index:3;
left: 0%;
top: 0%;
padding: 3px 3px;
padding-bottom: 7px;
padding-left: 5px;
background-color: c6b48e;
overflow-x: hidden;
font: 11px tahoma; 
color: 594b33;
line-height: 14px;
text-align: justify;
}

.sidebar {
position: absolute;
width: 210px;
height: auto;
left: 0%; 
top: 0%;
padding: 3px 3px;
padding-left: 5px;
margin-left: 27px;
margin-top: 690px;
z-index: 3;
background-color: c6b48e;
overflow-x: hidden;
font: 11px tahoma; 
color: 594b33;
line-height: 14px;
text-align: justify;
}

.bg {
position: absolute;
width: 1024px;
height: 990px;
left: 0%; 
top: 0%;
z-index: 0;
margin-left: 0px;
margin-top: 304px;
background-color: transparent;
overflow: hidden;
background-image: url("http://cbimg6.com/layouts/07/12/08/23678ab.jpg");
background-repeat: all-repeat;
background-position: top center;
background-attachment: scroll;
}

.menu a, .menu a:link, .menu a:active, .menu a:visited {
display: block;
height:20px;
width:100px;
padding: 2px 2px 2px 2px;
border-bottom:1px solid f5e5be;
color: f5e5be;
background: 92846c;
font: normal 11px courier new;
text-transform:lowercase;
letter-spacing:1px;
text-decoration: none;
text-align:center;
}

.menu a:hover {
color: f5e5be;
background: 6b614f;
text-transform:none;
text-align:center;
}

b, strong {
color: 626b74;
}

i, em {
color: c0a66e;
}

s, strike {
color: c0a66e;
}

a:link, a:active {
color:92846c;
font:normal 11px arial narrow;
text-transform: uppercase;
text-decoration:none;
font-weight:normal;
border-bottom: none;
}
a:visited {
color:646c7f;
}
a:hover {
color:564d3d;
font-weight: normal;
border-bottom: none;
text-transform:uppercase;
text-decoration:none;}

.navi {
font-family:times new roman;
font-size:22px; 
letter-spacing:0px; 
font-weight:normal; 
line-height:13px;
color:454132;
}

.small {
font-family:arial;
font-size:11px; 
font-weight:bold; 
letter-spacing:2px;
color:87775c;
}

blockquote {
color: 6b697b;
background: 252a30;
font:courier new
font-size: 12px;
padding: 6px;
}

.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,tr{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;}
table.footer {display: none;}

body table td div form {display:none !important;}

div table a.navbar img {display:none;}
div table {visibility:hidden;}
div table div, div table table, div table.navigationBar, table div table, div table form {visibility:invisible}
div table {border-bottom:0px !important;  }
div table.navigationBar {margin-bottom:-30px;}

div table div div select {position:absolute !important;  top:-200px !important; left:0px !important; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content">
<h1>about the layout</h1>
<b>DO NOT FRIEND THIS MYSPACE. IT'S ONLY USED TO TEST THIS LAYOUT. Go to my xanga instead! 8D</b>
<br><br>
Yay, my third myspace layout!!! This one features Hizumi of the J-rock band D'espairsray (my favorite band EVER). I DID NOT want to use black in this layout (because one, it's overdone and two, hizumi is too sexy for black), so I settled for dark muted colors that still achieved the somber mood that I wanted. Personally, I think the best dark layouts are the simple ones, so that's why there's not a lot going on here. I wanted there to be a good balance between a striking image and interesting content/sidebar and I think I succeeded. But I'd really like to hear what everyone else thinks. :)

<h1>how to use</h1>
Simply copy and paste the codes into About me/I'd like to meet. I would not suggest using this layout unless you have basic understanding of html. ALSO. Keep all credits or I will [insert creative threat here]. Seriously, though. I will eat you like a cheap plastic happy meal toy if you mess with the credits. I have incisors and I'm not afraid to use them!

<h1>contact</h1>
If you have any questions/concerns about this layout, the best way to contact me is either through pm at createblog OR comment at my <a href="http://www.xanga.com/momokuma" target="_blank">xanga</a>. Thanks for using this layout!

<h1>header</h1>
Normal. <b>Bold.</b> <i>Italics.</i> <s>Strike-through.</s>
<blockquote>
<b>December 7</b> - Uploaded new layout<br>
<b>December 6</b> - Finished final project for computer tech. class<br>
<b>December 4</b> - Completed documented essay
</blockquote>
</div>

<div style="position : absolute; left:710px; top:340px; overflow: hidden; width: 220px; z-index:3">
<img src="http://cbimg6.com/layouts/07/12/08/23678ac.jpg">
</div>
<div class="box">
<span class="navi">header</span><br>
You can put whatever you want here... You can treat it as another sidebar, you can use it for updates, or some random blurb, or you can even delete it if you want. If that's the case, just search in the "I'd Like to Meet" section for something that says 'div class="box"' Delete that part (along with the div tags & image link before it) and that's it!
</div>

<span class="navi">navigate</span><br>
<br>
<p class="menu">
<center><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1">
<tr>
<td width="33%" valign="top">
<p class="menu">
<a href="http://home.myspace.com/index.cfm?fuseaction=user">home</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">pics</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">friends</a>
</td>
<td width="34%" valign="top">
<p class="menu">
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">add comment</a></li>
<a href="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">view all</a>
<a href="http://www.xanga.com/momokuma" target="_blank">miyashu</a>
</tr></td></table>
</center>
</p>
<span class="navi">[un]beautiful creature</span><br>
<span class="small">    about me</span><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante. Nunc iaculis velit ac ligula. Donec posuere aliquam lectus. Mauris urna dolor, ultricies a, bibendum quis, nonummy nec, risus. Nullam diam mauris, viverra id, gravida sit amet, sollicitudin ac, neque. Aliquam erat.
<br><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante.
<br><br>
<span class="navi">a sleepless melody</span><br>
<span class="small">    credits</span><br>
Brush credits go to <a href="http://www.misprintedtype.com/" target="_blank">Misprinted Type</a>. Permanent credits go to <a href="http://www.xanga.com/momokuma" target="_blank">Momo</a> and <a href="http://www.createblog.com" target="_blank">Createblog.com</a>.
</div>

Layout Comments

Showing latest 10 of 30 comments

In FF it looks odd. Navigation isn't right, and the blockquotes don't appear. Headers are slightly bigger. However, in Google Chrome it's amazing! It's a bunch of sweetness. I love the layout :D!!!

By b22sr on Jul 12, 2011 12:42 am

Wow I absolutely love the colors and placement of this layout, but can I change the pictures? Can you tell me how to do so if that is okay with you? I'll still give the credit. Thanks!

By Birdie on Sep 20, 2008 12:49 pm