Hate

Designer's Comments

Look carefully for specific instructions

- Replace the XXXXXXXXXX with your friend id.
Press Ctrl F to find them. They are ate the bottom of the About Me.
- Replace the URLGOESHERE with whatever link you want.
- Works fine in both IE ans FF
- Lyrics from "Hate" by: Zug Izland
- Brushes from brusheezy.com

The preview is messed up, looks perfect on myspace.

Roll overs good? Yes, no, maybe so?

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><p><a href="http://iwontrapeyou.createblog.com/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg6.com/layouts/08/09/31363aa.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
.add {display:block;width:58px;height:22px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/09/31363ac.png"); background-repeat:no-repeat; background-position:top left; }

.add:hover {display:block;width:58px;height:22px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/09/31363ad.gif"); background-repeat:no-repeat; background-position:bottom left;}
</style>

.msg:hover {display:block;width:72px;height:16px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/09/31363af.gif"); background-repeat:no-repeat; background-position:bottom left;}
</style>

.pics:hover {display:block;width:65px;height:17px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/09/31363ah.gif"); background-repeat:no-repeat; background-position:bottom left;}
</style>

.blog:hover {display:block;width:49px;height:18px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/09/31363aj.gif"); background-repeat:no-repeat; background-position:bottom left;}
</style>

.block:hover {display:block;width:57px;height:17px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/09/31363al.gif"); background-repeat:no-repeat; background-position:bottom left;}
</style>

.home:hover {display:block;width:57px;height:17px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/09/31363an.gif"); background-repeat:no-repeat; background-position:bottom left;}
</style>

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;}

a {
	color: b2b2b2!important;
	text-align:left;
	border-bottom:opx solid;
	border-color:1f1f1f;
	font-family:arial;
	background-color: trasparent;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: none;
}

a:hover {color: ee1c7f!important;
	text-align:left;
	border-bottom:opx solid;
	border-color:1f1f1f;
	font-family:arial;
        text-decoration: none;
	background-color: trasparent;
	font-size: 8pt;
        font-weight: normal!important;
	letter-spacing: 1px;
	text-transform: none;
}

img {border:0px;}

h1 {
	
	margin: 0px;
	color: 000;
	text-align:left;
	border-bottom:opx solid;
	border-color:1f1f1f;
	font-family:arial;
	background-color: trasparent;
	line-height: 12px;
	padding:2px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-left:2px;
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: 5px;
	text-transform: uppercase;

}

h1:first-letter {
color:ee1c7f;
}

h2 {
	margin: 0px;
	color: ee1c7f;
	text-align:right;
	border-bottom:opx solid;
	border-color:1f1f1f;
	font-family:arial;
	background-color: trasparent;
	line-height: 12px;
	padding:2px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-left:2px;
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: 5px;
	text-transform: uppercase;
}

h2:first-letter {
color:000;}

U {
font: time; 
font-size: 10px; 
border-bottom: 1px solid; 
border-bottom-color: ee1c7f; 
text-decoration: none; 
text-transform:none; 
color: 000;
}

I {
font-family: arial; 
font-style: none;
font-size: 10px;  
letter-spacing: 1px;
text-transform:none; 
color: b2b2b2; 
}

S {
font-style: strike; 
font-size: 11px; 
color: 000; 
}

B {
font-family:arial; 
font-size:12px; 
color:ee1c7f; 
letter-spacing: 0px;
font-weight:none;
border:0px; 
text-transform: none; 
}

.aboutme3{
        font-family:arial;
	font-size:7pt;
	font-weight:normal;
	text-transform:none;
        line-height:14 px
	letter-spacing:0px;
        color:292929;
        scrollbar-arrow-color:000000; 
        scrollbar-face-color:fff; 
        scrollbar-track-color:fff; 
        scrollbar-darkshadow-color:fff; 
        scrollbar-highlight-color:fff; 
        scrollbar-shadow-color:fff; 
        scrollbar-3dlight-color:fff
}

.aboutme4{
        font-family:arial;
	font-size:8pt;
	font-weight:normal;
	text-transform:none;
        line-height:14 px
	letter-spacing:0px;
        color:bfbfbf;
        background-image:url(""); 
filter:chroma(color= purple); 
scrollbar-arrow-color: black;
scrollbar-face-color: purple; 
scrollbar-3dlight-color: purple; 
scrollbar-darkshadow-color: purple; 
scrollbar-highlight-color: purple;
scrollbar-shadow-color: purple;
scrollbar-track-color: purple; 
base-color: purple;}

.aboutme2{
        font-family:arial;
	font-size:8pt;
	font-weight:normal;
	text-transform:none;
        line-height:14 px
	letter-spacing:0px;
        color:292929;
        scrollbar-arrow-color:000000; 
        scrollbar-face-color:fff; 
        scrollbar-track-color:fff; 
        scrollbar-darkshadow-color:fff; 
        scrollbar-highlight-color:fff; 
        scrollbar-shadow-color:fff; 
        scrollbar-3dlight-color:fff;

}

</style>
<style>
body{background-color:000;background-image:url(http://cbimg6.com/layouts/08/09/31363ao.png);      scrollbar-arrow-color:fff; 
        scrollbar-face-color:000; 
        scrollbar-track-color:000; 
        scrollbar-darkshadow-color:000; 
        scrollbar-highlight-color:000; 
        scrollbar-shadow-color:000; 
        scrollbar-3dlight-color:000}
</style>
<div class="cocaine" style="position: absolute; left:0px; top:150px; width:autopx; height:600px; overflow: hidden;">
<img src="http://cbimg6.com/layouts/08/09/31363ab.png" />
</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<h1>Header 1</h1>
<s>Strike</s> <i>Italicized</i> <b>Bold</b> <u>Under lined</u> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus,  
<br /><br />
<h2>Header 2</h2>
Sed dui. In hac habitasse platea dictumst. Quisque malesuada ornare eros. Cras justo ligula, gravida vitae, pretium at, malesuada sit amet, odio. Curabitur vel ante vitae quam dapibus molestie. Sed pharetra consequat mi. Donec enim massa, faucibus sit amet, dictum eu, rutrum ut, augue. Fusce nibh nisl, tempus sit amet, congue eu, pharetra eget, augue. Aenean blandit auctor lorem. Aliquam augue est, aliquam in, tincidunt et, malesuada eget, nibh. Curabitur suscipit, justo eget adipiscing adipiscing, metus ligula molestie diam, at dapibus metus metus et turpis. Nulla ac mi sit amet sapien pretium bibendum.
<br /><br />
Sed dui. In hac habitasse platea dictumst. Quisque malesuada ornare eros. Cras justo ligula, gravida vitae, pretium at, malesuada sit amet, odio. Curabitur vel ante vitae quam dapibus molestie. Sed pharetra consequat mi. Donec enim massa, faucibus sit amet, dictum eu, rutrum ut, augue. Fusce nibh nisl, tempus sit amet, congue eu, pharetra eget, augue. Aenean blandit auctor lorem. Aliquam augue est, aliquam in, tincidunt et, malesuada eget, nibh. Curabitur suscipit, justo eget adipiscing adipiscing, metus ligula molestie diam, at dapibus metus metus et turpis. Nulla ac mi sit amet sapien pretium bibendum.

</div>

There must be someway
I can better my health to save me
from all the bad things that feel so good.
You must be joking
you don't even know a thing about it.
It's what you understood. <br /><br />Text text text text text...

</div>

<b>Friends maybe?</b><br />
<a href="URLGOESHERE">Link</a>     
<a href="URLGOESHERE">Link</a>     
<a href="URLGOESHERE">Link</a>     
<a href="URLGOESHERE">Link</a>     
<a href="URLGOESHERE">Link</a>     
<br /> 
<a href="URLGOESHERE">Link</a>     
<a href="URLGOESHERE">Link</a>     
<a href="URLGOESHERE">Link</a>     
<a href="URLGOESHERE">Link</a>     
<a href="URLGOESHERE">Link</a>         
<br /><br />
You cant type here too! :D Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.

</div>

<div class="aboutme3" style="position: absolute; left:130px;  top:520px; width:260px; height:85px; overflow: auto;">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden" /> <textarea name="f_comments" class="comment">"I get so much more from this than you."
-Zug Izland
</textarea><br /><input type="submit" value="Hate on it;" class="button" /></form>
<style>
textarea.comment {width:240px; height:45px;color:161616;font-size:10pt;font-family:georgia;background-color:fff;background-image:url(); background-position:bottom left; background-repeat:repeat;font-weight:normal;line-height:13px;border-color:000000; border-style:solid; border-width:0px; letter-spacing:-1px;}
input.button {width:250px;height:17px;color:000;font-size:7pt;font-family:georgia;background-color:fff; border-color:000000; border-style:solid; border-width:0px; text-transform:uppercase;text-align:center;font-weight:normal;}
</style> 
</div>

Layout Comments

Showing latest 10 of 22 comments

I loved this layout. :D Until I put it on my profile and the ad thats suppose to be at the top wouldn't appear. Its against myspace terms and your account can get deleted if you hide the ad thats suppose to be at the top.

By iCottonCandy on Jul 12, 2009 8:17 am

I LOVE this layout. Absolutely amazing.

By ixthrowxcrayons on May 4, 2009 6:44 pm

It's kinda like Miyashu's style. I like it though :]

By Decode on Dec 14, 2008 3:27 pm

This is awesome I really like this
♥

By dilligrout on Oct 2, 2008 8:57 am

HEY!!!!!! omg, thank you SOO much for making this div overlay!!!! I love it so much! Check out my MySpace and see what I did with it! www.myspace.com/the_shadows_pr otect_me Thanks!!!

By MeSoDark on Sep 25, 2008 2:50 pm