I &hearts: New York

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

replace all XXXXXX with your friendid.

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

td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}</style>

<style>

td, .text, div {
color:ffffff!important;
font-family:corbel;
font-size:8pt;
font-weight: normal;
text-transform:none;
letter-spacing:0px}

{linked images}
a img {border-width:0px; border-color:"ffffff";}

b {font-family:corbel; letter-spacing:0px; color: c0a878; font-size: 12pt;}

u {font-family:cambria; letter-spacing:0px; color: c0a878; font-size: 12pt;}

i {font-family:corbel; letter-spacing:0px; color: fcf9f9; font-size: 12pt;}

s {font-family:cambria; letter-spacing:0px; color: fcf9f9; font-size: 12pt;}

body {
background-color:000000;
background-image:none;
background-repeat: repeat;
background-attachment: scroll;
background-position: top center;
position:relative;
scrollbar-face-color:;
scrollbar-3dlight-color:;
scrollbar-shadow-color:;
scrollbar-darkshadow-color:;
scrollbar-arrow-color:;
scrollbar-track-color:;
z-index:3;
}

h1 {
background-color:transparent;
background-image:none;
font-family:cambria;
text-align: center;
color:84102b;
text-decoration:none;
font-weight:bold;
letter-spacing:0pt;
font-size: 24px;
border-bottom: 0px dotted;
border-color:325dfd;
width:auto;
margin-top: -0px;
margin-left: -0px;
height: 35px;
overflow:auto;
display:block;
z-index:2}

.aboutme {
background-color: transparent;
position: absolute;
left: 50%;
top: 0px;
overflow: auto;
z-index:5;}

.template {
background-color: transparent;
position: absolute;
left: 50%;
top: 160px;
overflow: hidden;
z-index:3;}

.blog{
height:57px; 
width:100px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32590ad.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.blog:hover{
height:57px; 
width:100px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32590ad.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.blognav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 57px;
overflow-y:auto;
position:absolute; 
left:50%;
top:0%;
margin-left:280px;
margin-top:500px;
text-align:left;
visibility:visible;
z-index:6;}

.add{
height:40px; 
width:100px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32590ae.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.add:hover{
height:40px; 
width:100px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32590ae.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.addnav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
overflow-y:auto;
position:absolute; 
left:50%;
top:0%;
margin-left:-400px;
margin-top:260px;
text-align:left;
visibility:visible;
z-index:6;}

.block{
height:40px; 
width:100px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32590af.png);
background-position:bottom right;
background-repeat: no-repeat; 
display: block;}

.block:hover{
height:40px; 
width:100px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32590af.png);
background-position:top right;
background-repeat: no-repeat; 
display: block;}

.blocknav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
overflow-y:auto;
position:absolute; 
left:50%;
top:0%;
margin-left:-400px;
margin-top:580px;
text-align:left;
visibility:visible;
z-index:6;}

.cmt{
height:40px; 
width:100px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32590ag.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.cmt:hover{
height:40px; 
width:100px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32590ag.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.cmtnav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
overflow-y:auto;
position:absolute; 
left:50%;
top:0%;
margin-left:-470px;
margin-top:420px;
text-align:left;
visibility:visible;
z-index:6;}

.msg{
height:45px; 
width:100px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32590ah.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.msg:hover{
height:45px; 
width:100px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32590ah.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.msgnav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 45px;
overflow-y:auto;
position:absolute; 
left:50%;
top:0%;
margin-left:320px;
margin-top:323px;
text-align:left;
visibility:visible;
z-index:6;}

.pic{
height:40px; 
width:100px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32590ai.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.pic:hover{
height:40px; 
width:100px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32590ai.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.picnav {
background-color:transparent;
background-image:none;
border:none;
width:110px;
height: 42px;
overflow-y:auto;
position:absolute; 
left:50%;
top:0%;
margin-left:-50px;
margin-top:223px;
text-align:left;
visibility:visible;
z-index:6;}
</style>

<div class="aboutme" style="margin-left: -280px; margin-top: 330px; width: 520px; height: 300px;">
<h1>About Me </h1><img src="http://cbimg9.com/layouts/08/11/32590ab.jpg" hspace="3" vspace="3" align="left" />
<u><b>Name:</b></u> Melie <br /><u><b>Age:</u></b> 100<br /><u><b>Gender:</u></b> Female<br /><u><b>Location:</u></b> the land of Oz <br /><u><b>Status:</u></b> happily engaged! <br />

<b>bold</b> <u>underline</u> <s>strikethrough</s> <i>italic</i>

I hope you enjoy this layout. Replace all XXXXXX with your friendid. Don't forget to replace the XXXXXX's before you save. the link will change and you'll have to do it again. You can place an image in the about me section. Just replace the icon link with yours. Please leave the layout credit. THANKS!<br /><br />
<h1>section 1</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Phasellus arcu nulla, hendrerit eu, adipiscing at, congue non, lorem.
Nunc bibendum, lectus lobortis dictum posuere, nisl magna varius massa, 
vitae elementum mi turpis ut eros. Duis id sapien ut metus elementum
sodales.Fusce vitae nisi vitae orci auctor condimentum
<br /><br />
<h1>section 2</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Phasellus arcu nulla, hendrerit eu, adipiscing at, congue non, lorem.
Nunc bibendum, lectus lobortis dictum posuere, nisl magna varius massa, 
vitae elementum mi turpis ut eros. Duis id sapien ut metus elementum
sodales.Fusce vitae nisi vitae orci auctor condimentum
</div>

</div>