Beautiful Disaster (myspace)

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

myspace version! yay!
remember to replace XXXXXXX with your friend ID! :D

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

.{hiding the bottom links}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}
.{removes top links only}
div table form tr td {visibility:hidden!important; height:0px!important;}

{Default Links}
a:link, a:active, a:visited{
color:6a2323;
font:normal 10px georgia;
text-decoration: none;
font-weight:bold;
}
a:hover{
color:fff;
font:normal 10px georgia;
text-decoration: none;
background-color: a3a359;
font-weight:bold;}

{bolded words}
.standard b, p b, B, strong {
 color: 95352f;  }
i,em{
    background-color: transparent;
     color: b87239;
       }
u{
     background-color: transparent;
     color: 66543b;
      }
 
s{
     background-color: transparent;
     color: 66543b;
      }
H1{
width: auto;
height: 17px;
background-color: transparent;
background-image:url();
background-position:bottom right;
background-repeat:y-repeat;
font-size: 13px;
color:c64324;
font-weight: none;
font-variant: none;
letter-spacing: 6px;
font-family: georgia;
text-align: center;
padding-left:4px;
padding-right:5px;
margin-top: 2px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 5px;
border:none;
}
H2{
width: auto;
height: 15px;
font-family: georgia;
text-transform: none;
font-size:14px;
color:000;
background-color: transparent;
{background-image: url(http://cbimg6.com/layouts/08/09/31261ab.jpg);
background-repeat: no-repeat;
background-position: bottom center;
text-align: center;
font-weight: normal;
padding:0px;
border:1px;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content" style="position: absolute; left:30px;  top:730px; width: 217px; height: px; overflow: auto;">
<h1>profile</h1>
<b>Name:</b> Your name?<br />
<b>D.O.B:</b> ?.!!<br />
<b>Alias:</b> your online name<br />
<b>Ethnicity:</b> half vampire
<br />
<h1>Navigation</h1>
<center><a href="http://home14.myspace.com/index.cfm?fuseaction=user">homepage</a> <br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add me</a> <br>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message me</a><BR> 
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">pictures</a> <br>

<a href="http://home10.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">my friends</a> <br>
<a HREF="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&FriendID=XXXXXXXX" TARGET="_blank" ALT="view all comments">view comments</a><BR></center>

<br />
<h1>melodies</h1>
   <center><p style="visibility:visible;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="68" width="160" align="middle" border="0" data="http://cbimg6.com/layouts/08/09/31261ac.swf">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://cbimg6.com/layouts/08/09/31261ac.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <param name="flashvars" value="myid=12040668&path=2008/08/22&mycolor=cccc9a&mycolor2=A1A15F&mycolor3=95352f&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false" />
</object></center>
<h1>About</h1>
<center>Blahblahblah. Write something here. Blahblahblah. Write something here. Blahblahblah. Write something here. Blahblahblah. Write something here. Blahblahblah. Write something here. </center>
<br />
<h1>Whisper</h1>
<center>
<form method="post" action="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudHMubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhDQpjdGlvbj11c2VyLkNvbmZpcm1Db21tZW50">
<input name="friendID" value="XXXXXXXX" type="hidden" />
<textarea name="f_comments" cols="28" rows="5" class="comment" style="text-align: left; align:left; border-width: 1px; border-style: solid;  border-color: 
000000; background-color: transparent;  scrollbar-arrow-color:cdcb9a; 
 scrollbar-track-color:cdcb9a; 
 scrollbar-shadow-color:cdcb9a; 
 scrollbar-face-color:cdcb9a; 
 scrollbar-highlight-color:cdcb9a; 
 scrollbar-darkshadow-color:cdcb9a; 
 scrollbar-3dlight-color:cdcb9a; overflow:none;">
What beautiful disaster is this?
</textarea>

<br />
<input value="send" style="border-width: 1px; border-color: 482124; font-family: georgia; font-size: 9px; color: 000; background-color: 
transparent;" type="submit" /></form></center>
<br />
<h1>Credits</h1>
<center>Layout: <a href="http://www.msplinks.com/MDFodHRwOi8vc3Rvcm1icmluZ2VyLmNyZWF0ZWJsb2cuY29tLw=="> me!</a><br />
Brushes go to <a href="http://www.msplinks.com/MDFodHRwOi8vbWFzdGVyamlubi5kZXZpYW50YXJ0LmNvbS8=" class="nav">Master Jinn</a></center>

</div>
<div class="content" style="position: absolute; left:250px;  top:730px; width: 400px; height: px; overflow: auto;">
<h2>Beautiful Disaster</h2><br /><b>bold</b><i>italic</i><u>underline</u>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.
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 />

<h2>The Ghost that you Loved</h2><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.
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.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.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 />

</div>

Layout Comments

Showing latest 10 of 15 comments

awesome ~ i like it very much ! yuuki cross ~

By rimaxritsu on Dec 8, 2009 8:17 am

Ohhh, awesome :3

By x3Simplicity on Aug 2, 2009 3:32 am

yaya vampire knight!!!

By penguinxprn on Sep 20, 2008 8:46 pm

omg! i freakin luv VK! this is awesumm!

By liletoile on Sep 20, 2008 4:49 am

Hey on my screen size there are some white space issues? If you look at my profile http://profile.myspace.com/106 203752 to the right of it there are some white blocks? How can i fix this?

By LolitaDoll on Sep 17, 2008 5:10 am