Elegant Grunge.

Myspace Layouts / Div Overlay

View preview

Designer's Comments

Look carefully for specific instructions

If you don't know how to use this kind of layout, click here.

This was my attempt at making a basic div with just boxes....it did not turn out how I wanted it to at all. It's not my favorite but I hope you guys like it. :D

Want to see all my layouts and graphics? website - myspace

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

<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 type="text/css">body{
background-color: 383433;
background-image:url(http://cbimg6.com/layouts/07/11/09/22961ab.gif);
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll;
scrollbar-arrow-color:5b2334;
scrollbar-track-color:383433;
scrollbar-shadow-color:262b28;
scrollbar-face-color:262b28;
scrollbar-highlight-color:262b28;
scrollbar-darkshadow-color:262b28;
scrollbar-3dlight-color:262b28;}
</style>

<style type="text/css">
.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;}
body div table td form img{display:none!important;}
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

.div{
position: absolute; 
left: 50%;
margin-left:-420px; 
top: 90px;  
z-index: 0;}

.section1{
position: absolute; 
left: 50%; 
margin-left:-205px; 
top: 330px; 
z-index:5; 
width:  435px; 
height: 213px; 
overflow: auto;}

body,table, td, li, p, div
{
font:normal 9px verdana; 
color:000; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:12px;}

textarea{
background-color: transparent; 
width: 220px; 
height: 40px; 
color: 1b030a; 
font:20px verdana; 
text-transform:none;
letter-spacing: -3px;
border: solid 1px 000;}

a:active,a:visited,a:link,a{
	color:1b030a;
	font-size:7px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:small fonts;
	text-decoration:none;
	text-transform:uppercase;
}
a:hover{
	color:703e43;
	font-size:7px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:small fonts;
	text-decoration:none;
	text-transform:uppercase;}

.standard b, p b, B, strong {
font-family:small fonts; 
font-size:7px; 
color:703e43; 
font-weight:none;
border:0px; 
text-transform: uppercase; }
</style>

<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>

<style>.r{}</style>

<style>embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} </style>

<style>
div div select, div div form {display:none !important;}
select { filter:alpha(opacity=0); }
</style>

<div class="div">

<img src="http://cbimg6.com/layouts/07/11/09/22961aa.gif"   usemap="#blah" border="0"><map name="blah">

<area shape="rect" alt="pics" coords="630,192 674,221" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">

<area shape="rect" alt="add" coords="214,188 257,218" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">

<area shape="rect" alt="message" coords="275,194 320,219" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">

<area shape="rect" alt="home" coords="481,187 536,213" href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=1bfdd5cd-9c1d-46fa-83c4-7f30e0fe3ffa">

<area shape="rect" alt="block" coords="341,190 395,216" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">

<area shape="rect" alt="blog" coords="411,189 462,222" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">

<area shape="rect" alt="comment" coords="552,195 608,216" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">

</map> </div>

<div class="section1"><center>BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH
</center> 
</div>

<div style="position:absolute;left:0px;top:0px;width:80px;height:30px;"><span style="color:none;"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmF0b21pY2FmZmxpY3Rpb24uY29t" class="credit">atomic</a></span></div>

Layout Comments

Showing latest 10 of 16 comments

i dont get the hatred of this layout :S
I ADORE it!

By Decode on Mar 16, 2009 5:48 pm

That's awful rude. :)

By schizo on Aug 23, 2008 7:58 pm

my eyes hurt :(

By ScriptedLove on Apr 22, 2008 3:52 pm

I love it. Very nice. Maybe not your best, best still very nice.

By Kat0703 on Jan 26, 2008 4:25 am

Yeah, it's not one of your best, but I still like it. =]

By DelicateLove on Nov 10, 2007 10:03 pm

yea, this is grunge!

By jesusisthebestthing on Nov 10, 2007 5:59 pm

nice grunge feel to it

By TaintedSakura on Nov 10, 2007 12:01 pm

Thanks everyone. It's not my best, but I thought I'd just submit it for the heck of it.

By schizo on Nov 10, 2007 9:57 am

it's simple and nice but im not much of a fan for simple layout.

By twodreamlovers on Nov 10, 2007 12:17 am

odd, not your best but the use of colors and even the nav font picked are all uber great

By Blaqheartedstar on Nov 10, 2007 12:02 am

View all »

Layout Details

Designer	schizo
Submitted on	Nov 9, 2007
Page views	18,496
Favorites	129
Comments	16
Reviewer	digitalfragrance
Approved on	Nov 9, 2007

Layout Colors

Layout Tags

abstract, colorful, minimal, elegant, grunge, schizo, atomic affliction, grungy

Layout Tools

Layout Affiliates

Here I Stand Layouts