Elegant Tragedy (Div Overlay)

Designer's Comments

Look carefully for specific instructions

Replace the XXXXXXXX with your friend id. Please do not remove the credit. Thank you.

IF YOU DO NOT KNOW HTML, DO NOT USE THIS LAYOUT!

IMAGE CODE: Remove the slashes

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>
.mslogo, .clearfix form, .clearfix a, .clearfix select, .profileinfo, .contacttable, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .extendednetwork, .latestblogentry, .blurbs td.text, .orangetext15, .friendspace, .friendscomments, table div {display:none!important;}
table table div, .clearfix, .clearfix div {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;} 
.bodycontent div {_filter:alpha(opacity:100)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
</style>
<style type="text/css">

body {
background-image:url('http://cbimg6.com/layouts/07/08/27/21008ac.png');
background-repeat:repeat;
background-attachment:scroll;
background-position:top left;
background-color:white;
cursor:crosshair;
font-weight:normal;
scrollbar-face-color:white;
scrollbar-track-color:white;
scrollbar-arrow-color:black;
scrollbar-highlight-color:white; 
scrollbar-3dlight-color:white;
scrollbar-shadow-color:white;
scrollbar-darkshadow-color:white;
}

.splat {
font-family:trebuchet ms;
font-size:11px;
font-weight:normal;
background-color:transparent;
border:0px;
color:808080;
border-bottom:1px solid black;
width:100%;
text-align:left;
text-decoration:none;
display:block;
}

.splat:hover {
font-family:trebuchet ms;
font-size:11px;
font-weight:normal;
color:white;
background-color:transparent;
text-align:center;
letter-spacing:7px;
display:block;
}

a:link, a:visited, a:active {
font-family:trebuchet ms;
font-size:11px;
font-weight:normal;
color:808080;
text-decoration:none;
}

a:hover {
font-family:trebuchet ms;
font-size:11px;
font-weight:normal;
color:black;
text-decoration:none;
}

.layout {
position:absolute;
overflow:auto;
top:100px;
left:0px;
background-color:transparent;
border:0px;
}

.content {
position:absolute;
overflow:auto;
top:685px;
left:86px;
background-color:white;
border-bottom:6px solid black;
font-family:trebuchet ms;
font-size:9px;
color:black;
font-weight:normal;
width:338px;
margin:0;
padding:0;
}

.navigation {
position:absolute;
overflow:auto;
background-color:transparent;
border:0px;
width:150px;
height:300px;
top:700px;
left:685px;
}

h1 {
font-weight:bold;
font-family:georgia;
text-transform:uppercase;
font-size:10px;
border-bottom:1px solid black;
display:block;
}

textarea.cyl {
background-color:transparent;
border:0px;
font-family:georgia;
font-size:48px;
letter-spacing:-4px;
font-weight:bold;
color:464D67;
padding:0px; 
width:100%;
height:60px;
display:block;
}

input.cyl {
background-color:white;
border:0px;
font-family:small fonts;
font-size:7px;
letter-spacing:6px;
text-transform:uppercase;
font-weight:normal;
text-align:center;
color:black;
padding:0px; 
width:100%;
height:10px;
display:block;
}

.cmt {
background-color:white;
position:absolute;
overflow:auto;
width:208px;
top:685px;
left:468px;
border-bottom:6px solid black;
font-family:trebuchet ms;
font-size:9px;
color:black;
font-weight:normal;
margin:0;
padding:0;
}
</style>

<div class="content">
<h1>Your Name Here</h1>
<img src="http://cbimg6.com/layouts/07/08/27/21008ab.gif" style="float:left;">
Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me

goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your

about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes

here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about

me goes here. <a href="http://www.myspace.com/">Myspace.com</a>

<h1>Details</h1>
<b>Name:</b> Info here. <br>
<b>Age:</b> Info here. <br>
<b>Location:</b>  Info here. <br>
<b>Status:</b> Info here. <br>
<b>Occupation:</b> Info here. <br>
<b>Status:</b> Info here. <br>

<h1>Who I'd Like To Meet</h1>
Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here.

</div>

<div class="navigation">
<center>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="splat">Home</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="splat">Message</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="splat">Add</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="splat">Comment</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="splat">Pictures</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="splat">Blog</a>
<a href="http://37am.net" class="splat">Credit</a>
</center>
</div>

<div class="cmt">
<h1>General</h1>
Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. 
<h1>Music</h1>
Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. 
<h1>Movies</h1>
Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. 
<h1>Heroes</h1>
Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here. Stuff goes here.

<h1>Comment</h1>
<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="YOURIDXXX" type="hidden"><textarea name="f_comments" class="cyl">hello.</textarea><br>
<input type="submit" class="cyl" value="Submit"></form></center>
</div>

Layout Comments

Showing latest 10 of 22 comments

I do not know if it is just me, but the all the buttons except the home are not working on this div i have on my myspace.. have you heard of any other problems.. i mean i know that i have to put my friend ID in but there is not a spot.

By sjw361 on Aug 7, 2008 6:23 pm

I really love the layout. But i was wondering, how can i add a regular scroll box to the music section???

By blackie3418 on Jan 29, 2008 5:32 pm

yes..if you don't mind i'd like to know how to show comments too

By mydearestmandy on Jan 3, 2008 5:50 pm

yess, execlent layout but idk how to put a picture on.. i guess im stupid, anyone who can help, I*M chezecurle69

By ma77 on Jan 1, 2008 2:19 am

i think this is an awesome layout.
do you remember where you got the brushes?

By SharperMyspace on Dec 23, 2007 8:56 pm

hi i was just wondering if you could help me out i ABSOLUTELY LOVE your layout but i was wondering if there was anyway to show your comments at the bottom of one of the columns?! my computer sometimes doesnt show new commnts and normally id just go to my page to check them out but i cant with this layout...ive been trying everything but who else to help me than the creator..;)

By savorthefeeling on Oct 2, 2007 8:45 pm

this is a great layout... you should know that you do amazing work.

By PINKLollyPOP on Sep 19, 2007 2:57 pm

Yeah I cant get my pics are the links to the blogs as well as other things help me plz

By 4gottenKazama on Sep 11, 2007 1:46 am

OK THIS LAYOUT IS NICE..

IM JUST HAVING TROUBLE. I CANT GET MY PICTURE TO SHOW (MY DEFAULT PICTURE) AND MY COMMENT BOX HAS NO BUTTON TO SUBMIT THE COMMENT? HELP???

By CAMBRIALOVE on Sep 3, 2007 8:08 pm

HEY SOMEBODY KNOWS HOW TO SHOW MY PIC?

By astarothlilith on Sep 2, 2007 8:18 pm

View all »

Layout Details

Designer	melancholiclights
Submitted on	Aug 26, 2007
Page views	38,337
Favorites	223
Comments	22
Reviewer	brownsugar
Approved on	Aug 27, 2007

Elegant Tragedy (Div Overlay)

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates