Broken Heart

Myspace Layouts / Div Overlay

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>body{
background-color: 000;
background-image:url(http://cbimg6.com/layouts/09/07/35115ac.png);
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll;
}
</style>

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

h2 {
font:15px arial;
color: ffffff; 
letter-spacing: +2px;
text-transform: uppercase;
display:block;
border-bottom: 0px solid white;
}

.text1 {
background: transparent;
width: 500px;
height: 620px;
position: absolute;
overflow: auto;
top: 910px;
left: 50%;
margin-left: -110px ; 
margin-bottom: +10px
}

.text2 {
background: transparent;
width: 251px;
height: 620px;
position: absolute;
overflow: auto;
top: 910px;
left: 50%;
margin-left: -390px;}

.navi1{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left: 338px;
top:616px;}

.add{
width: 60px; 
height:34px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/07/35115ad.png) top left no-repeat; 
display: block;}

.add:hover{
background-position: bottom left;}

.navi2{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left: 272px;
top:648px;}

.msg{
width: 129px; 
height:49px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/07/35115ae.png) top left no-repeat; 
display: block;}

.msg:hover{
background-position: bottom left;}

.navi3{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:309px;
top:736px;}

.block{
width: 91px;
height:43px;  
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/07/35115af.png) top left no-repeat; 
display: block;}

.block:hover{
background-position: bottom left;}

.navi4{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left: 322px;
top:578px;}

.home{
width: 79px;
height:38px;  
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/07/35115ag.png) top left no-repeat; 
display: block;}

.home:hover{
background-position: bottom left;}

.navi5{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left: 327px;
top:778px;}

.pics{
width: 75px;
height:39px;  
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/07/35115ah.png) top left no-repeat; 
display: block;}

.pics:hover{
background-position: bottom left;}

.navi6{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:270px;
top:697px;}

.comment{
width: 131px; 
height:44px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/07/35115ai.png) top left no-repeat; 
display: block;}

.comment:hover{
background-position: bottom left;}

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

textarea{
background-color: transparent; 
width: 125px; 
height: 80px; 
color: ffffff; 
font:11px verdana; 
text-transform:none;
}

a:active, a:link, a:visited {
Color: 5dbbff;
font size: 11px;
font family: verdana;
}

a:hover {
Color: 00ff06;
Text-Decoration: None;
Cursor: Crosshair;
Font family: verdana; 
}

.standard b, p b, B, strong {
font-size:11px; 
color:ffffff; 
font-weight:none;
border:0px; 
text-transform: none; }
</style>

</div>

<div class="text1"><h2>About Me</h2>I would love you forever if you checked out my YouTube account :) <a href="http://www.youtube.com/user/peacein93">http://www.youtube.com/user/peacein93</a>. </br></br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet magna risus. Nullam vitae magna vitae magna vulputate sodales. Nunc pharetra sollicitudin ante ut elementum. Etiam nec urna eget nibh cursus fermentum mattis at mi. Suspendisse eu tincidunt diam. Aenean blandit mollis mi non molestie. Etiam nec erat lorem, at interdum mauris. Maecenas eu augue vitae justo ornare faucibus sed quis lectus. Suspendisse potenti. Maecenas nisi leo, imperdiet eu scelerisque et, posuere sed tortor. Sed feugiat dolor id eros condimentum tristique. Donec leo libero, commodo nec placerat dapibus, pulvinar sit amet risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis porttitor lorem non lobortis. Sed rhoncus massa odio. Vivamus lobortis mi nec purus dignissim mattis suscipit neque fermentum. Morbi sed ante pharetra felis venenatis adipiscing. Mauris ligula mi, posuere ac fringilla sed, egestas quis lorem. Ut quis nisl velit, ac cursus neque. Sed quis ipsum non mauris rutrum dictum. Nunc euismod mi sit amet erat laoreet cursus. Quisque porttitor tempus elit vel facilisis. Nunc ultricies commodo odio id viverra. Aliquam orci erat, viverra nec aliquam in, porta vitae mi. Maecenas feugiat dui sit amet massa rhoncus dictum. Sed vitae sodales purus. Phasellus consequat ullamcorper imperdiet. Praesent elementum porttitor purus, quis mollis metus ultricies pellentesque. Nulla in velit elit, eget tincidunt quam. Curabitur in mi vitae nulla porttitor bibendum. Praesent molestie aliquet urna, eu laoreet urna interdum ac.

Duis placerat eros sed leo pellentesque mollis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque elit leo, ullamcorper a laoreet ac, egestas ut justo. Donec venenatis sem ac orci blandit sit amet malesuada leo bibendum. Fusce at justo erat. Ut facilisis dictum urna eu venenatis. Nam pulvinar tempor metus in rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet elementum sapien. Aliquam sem sem, mattis quis lacinia sit amet, laoreet ut lectus. Donec vel lectus nisi, eget tempor dolor. Vivamus volutpat vestibulum lorem, pharetra ultricies orci hendrerit sed. Etiam varius auctor risus, feugiat dignissim odio ornare a. Nam luctus malesuada odio, sed dapibus nisl blandit sit amet. Suspendisse eget turpis elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse rutrum rhoncus dolor, ut adipiscing orci adipiscing sit amet. Vivamus elementum, turpis eget accumsan porta, lacus odio aliquet justo, ac tincidunt risus elit sit amet est. Nulla leo justo, facilisis in porta et, ultrices sit amet lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet magna risus. Nullam vitae magna vitae magna vulputate sodales. Nunc pharetra sollicitudin ante ut elementum. Etiam nec urna eget nibh cursus fermentum mattis at mi. Suspendisse eu tincidunt diam. Aenean blandit mollis mi non molestie. Etiam nec erat lorem, at interdum mauris. Maecenas eu augue vitae justo ornare faucibus sed quis lectus. Suspendisse potenti. Maecenas nisi leo, imperdiet eu scelerisque et, posuere sed tortor. Sed feugiat dolor id eros condimentum tristique. Donec leo libero, commodo nec placerat dapibus, pulvinar sit amet risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis porttitor lorem non lobortis. Sed rhoncus massa odio. Vivamus lobortis mi nec purus dignissim mattis suscipit neque fermentum. Morbi sed ante pharetra felis venenatis adipiscing. Mauris ligula mi, posuere ac fringilla sed, egestas quis lorem. Ut quis nisl velit, ac cursus neque. Sed quis ipsum non mauris rutrum dictum. Nunc euismod mi sit amet erat laoreet cursus. Quisque porttitor tempus elit vel facilisis. Nunc ultricies commodo odio id viverra. Aliquam orci erat, viverra nec aliquam in, porta vitae mi. Maecenas feugiat dui sit amet massa rhoncus dictum. Sed vitae sodales purus. Phasellus consequat ullamcorper imperdiet. Praesent elementum porttitor purus, quis mollis metus ultricies pellentesque. Nulla in velit elit, eget tincidunt quam. Curabitur in mi vitae nulla porttitor bibendum. Praesent molestie aliquet urna, eu laoreet urna interdum ac.

Duis placerat eros sed leo pellentesque mollis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque elit leo, ullamcorper a laoreet ac, egestas ut justo. Donec venenatis sem ac orci blandit sit amet malesuada leo bibendum. Fusce at justo erat. Ut facilisis dictum urna eu venenatis. Nam pulvinar tempor metus in rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet elementum sapien. Aliquam sem sem, mattis quis lacinia sit amet, laoreet ut lectus. Donec vel lectus nisi, eget tempor dolor. Vivamus volutpat vestibulum lorem, pharetra ultricies orci hendrerit sed. Etiam varius auctor risus, feugiat dignissim odio ornare a. Nam luctus malesuada odio, sed dapibus nisl blandit sit amet. Suspendisse eget turpis elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse rutrum rhoncus dolor, ut adipiscing orci adipiscing sit amet. Vivamus elementum, turpis eget accumsan porta, lacus odio aliquet justo, ac tincidunt risus elit sit amet est. Nulla leo justo, facilisis in porta et, ultrices sit amet lacus.

</div>

<div class="text2">
<h2>Extra Space</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet magna risus. Nullam vitae magna vitae magna vulputate sodales. Nunc pharetra sollicitudin ante ut elementum. Etiam nec urna eget nibh cursus fermentum mattis at mi. Suspendisse eu tincidunt diam. Aenean blandit mollis mi non molestie. Etiam nec erat lorem, at interdum mauris. Maecenas eu augue vitae justo ornare faucibus sed quis lectus. Suspendisse potenti. Maecenas nisi leo, imperdiet eu scelerisque et, posuere sed tortor. Sed feugiat dolor id eros condimentum tristique. Donec leo libero, commodo nec placerat dapibus, pulvinar sit amet risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis porttitor lorem non lobortis. Sed rhoncus massa odio. Vivamus lobortis mi nec purus dignissim mattis suscipit neque fermentum. Morbi sed ante pharetra felis venenatis adipiscing. Mauris ligula mi, posuere ac fringilla sed, egestas quis lorem. Ut quis nisl velit, ac cursus neque. Sed quis ipsum non mauris rutrum dictum. Nunc euismod mi sit amet erat laoreet cursus. Quisque porttitor tempus elit vel facilisis. Nunc ultricies commodo odio id viverra. Aliquam orci erat, viverra nec aliquam in, porta vitae mi. Maecenas feugiat dui sit amet massa rhoncus dictum. Sed vitae sodales purus. Phasellus consequat ullamcorper imperdiet. Praesent elementum porttitor purus, quis mollis metus ultricies pellentesque. Nulla in velit elit, eget tincidunt quam. Curabitur in mi vitae nulla porttitor bibendum. Praesent molestie aliquet urna, eu laoreet urna interdum ac.

Duis placerat eros sed leo pellentesque mollis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque elit leo, ullamcorper a laoreet ac, egestas ut justo. Donec venenatis sem ac orci blandit sit amet malesuada leo bibendum. Fusce at justo erat. Ut facilisis dictum urna eu venenatis. Nam pulvinar tempor metus in rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet elementum sapien. Aliquam sem sem, mattis quis lacinia sit amet, laoreet ut lectus. Donec vel lectus nisi, eget tempor dolor. Vivamus volutpat vestibulum lorem, pharetra ultricies orci hendrerit sed. Etiam varius auctor risus, feugiat dignissim odio ornare a. Nam luctus malesuada odio, sed dapibus nisl blandit sit amet. Suspendisse eget turpis elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse rutrum rhoncus dolor, ut adipiscing orci adipiscing sit amet. Vivamus elementum, turpis eget accumsan porta, lacus odio aliquet justo, ac tincidunt risus elit sit amet est. Nulla leo justo, facilisis in porta et, ultrices sit amet lacus. </div>

<p><style>
.a {hide search form at top}
div div select, div div form {display:none !important;}
</p>

</style></font></div>

Layout Comments

Showing latest 10 of 18 comments

Woah!

By volverene on Aug 21, 2010 12:31 pm

P.S. Oh, one thing I don't like is the font. I

By Butterface89 on Aug 17, 2010 2:14 pm

Wow, this is absolutely amazing. I love blood and hearts and gothic beauty, so this is especially nice. What I love is what looks like the amount of work you put into this. It's creative. It's wonderful.

By Butterface89 on Aug 17, 2010 2:11 pm