KanYe West

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:fcf9f9!important;
font-family:consolas;
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:orator std; letter-spacing:0px; color: 524f4f; font-size: 12pt;}

u {font-family:consolas; letter-spacing:0px; color: 524f4f; font-size: 12pt;}

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

s {font-family:consolas; 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:orator std;
text-align: center;
color:524f4f;
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;}

.home{
height:20px; 
width:55px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32524ad.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.home:hover{
height:20px; 
width:55px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32524ad.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

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

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

.add:hover{
height:20px; 
width:55px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32524ae.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:-109px;
margin-top:723px;
text-align:left;
visibility:visible;
z-index:6;}

.block{
height:20px; 
width:69px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32524af.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.block:hover{
height:20px; 
width:69px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32524af.png);
background-position:bottom left;
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:-45px;
margin-top:723px;
text-align:left;
visibility:visible;
z-index:6;}

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

.cmt:hover{
height:20px; 
width:97px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32524ag.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:43px;
margin-top:723px;
text-align:left;
visibility:visible;
z-index:6;}

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

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

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

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

.pic:hover{
height:20px; 
width:110px; 
background-color:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32524ai.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:272px;
margin-top:723px;
text-align:left;
visibility:visible;
z-index:6;}
</style>

<div class="aboutme" style="margin-left: -30px; margin-top: 235px; width: 436px; height: 490px;">
<h1>About Me </h1><img src="http://cbimg9.com/layouts/08/11/32524ab.png" 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>

Layout Comments

Showing latest 10 of 12 comments

Is there any way that i can change the picture of the album cover to a picture of me?

By joshcena369 on Jun 3, 2009 7:42 am

this is AMAZING!! i just don't really like Kanye...well i do, just not enough to put him on my page. Now if it were Jasper Whitlock Hale, from Twilight...OH MY GOSH! I'd put it on in a heart beat!! lol :D

By tokiogirllovesbill on Nov 22, 2008 5:29 am