Zen Space

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Enjoy!

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

table table embed {
display:block; 
position:absolute; 
top:0px; left:0px; 
visibility:visible;
}
table table table embed,  .container div embed {
position:static !important;
}
.text, table table table table a,
table table table table div,.frm1 {
visibility:hidden;
} 
table table table table div a, .frm1 input {
visibility:visible;
}
.text, td.text td.text table, .contactTable, .lightbluetext8 {
display:none;
}
table table, table table td {
padding:0px; height:0px;
}
td td embed, object, pram, embed {
height:0; width:0
}
body {
background-color:white; 
background-image:url("http://cbimg6.com/layouts/07/06/06/18273ab.jpg"); 
background-repeat:repeat; 
background-position:bottom left; 
background-attachment:fixed;
}
td, .text, div, input {
color:white !important;
font-family:arial; 
font-size:8pt; 
font-weight: normal;
text-transform:lowercase;
}
a {
color:d1deff !important;
font-family:arial; 
font-size:10pt; 
font-weight: bold;
text-transform:lowercase;
}
a:hover {
color:acbde9!important;
font-family:arial;
font-size:10pt; 
font-weight: bold;
text-transform:uppercase;
text-decoration:none!important;
}
img {
border:0px;
}
table, tr, td {
background:transparent; 
border:0px;
}
div table td font {
visibility:hidden;
}
div table table table td font {
visibility:visible;
}
table table table td {
visibility:hidden;
}
marquee, table table table div td {
visibility:visible;
}
table div div, table tr td div font a {
visibility:hidden;
}
.nav {
display:black;
color:white !important;
font-family:Century Gothic; 
font-size:16px; 
letter-spacing: 0px;
font-weight: normal;
text-transform:none;
text-decoration:none!important;
line-height:30px;
background-color:transparent;
margin: 0px;
}
.nav:hover {
display:block;
color:0c004a!important;
font-family:Century Gothic; 
font-size:16px; 
letter-spacing: 0px;
font-weight: normal;
text-transform:none;
text-decoration:none!important;
line-height:30px;
background-image:url("http://cbimg6.com/layouts/07/06/06/18273ac.jpg");
margin: 0px;
}
i { 
font-size : 11px;
font-family : Arial;
color :00e9fe!important;
text-align: right;
line-height: 8px;
letter-spacing: 2px;
border-bottom: 0px dashed #000;
} 
b { 
font-family:franklin gothic book; 
font-size:10px; 
text-transform:uppercase; 
font-weight:bold;
color:d7ffff!important;
text-align: right;
line-height: 8px;
letter-spacing: 2px;
border-bottom: 0px dashed #000;
}
u { 
font-size : 11px;
font-family : tahoma;
color :bdbdbd!important;
text-align: right;
line-height: 8px;
letter-spacing: 2px;
border-bottom: 0px dashed #000;
} 
s { 
font-size : 11px;
font-family : tahoma;
color :8db5ff!important;
text-align: right;
line-height: 8px;
letter-spacing: 2px;
border-bottom: 0px dashed #000;
}
.div1 {
background-color:; 
color:white!important;
border:0px solid; 
border-color:black;
width:1024px; 
height:600px; 
overflow:auto;
position:absolute; z-index:2; 
left:50%; 
top:0%;
margin-left:-490px; 
margin-top:130px; 
text-align:center;
visibility:visible; 
background-image:url("http://cbimg6.com/layouts/07/06/06/18273ad.png"); 
background-repeat:no-repeat; 
background-position:top center;
background-attachment:scroll;
}
.div2 {
color:white!important;
border:0px solid; 
border-color:black;
width:617px; 
height:150px; 
overflow:auto;
position:absolute; z-index:2; 
left:50%; 
top:0%;
margin-left:-338px; 
margin-top:385px; 
text-align:justify;
visibility:visible;
}
.div3 {
color:white!important;
border:0px solid; 
border-color:black;
width:603px; 
height:30px; 
overflow:auto;
position:absolute; z-index:2; 
left:50%; 
top:0%;
margin-left:-338px; 
margin-top:229px; 
text-align:justify;
visibility:visible;
}
.div4 {
color:white!important;
border:0px solid; 
border-color:black;
width:603px; 
height:30px; 
overflow:auto;
position:absolute; z-index:2; 
left:50%; 
top:0%;
margin-left:-338px; 
margin-top:259px; 
text-align:justify;
visibility:visible;
}
.div5 {
color:white!important;
border:0px solid; 
border-color:black;
width:603px; 
height:30px; 
overflow:auto;
position:absolute; z-index:2; 
left:50%; 
top:0%;
margin-left:-338px; 
margin-top:289px; 
text-align:justify;
visibility:visible;
}
.div6 {
color:white!important;
border:0px solid; 
border-color:black;
width:603px; 
height:30px; 
overflow:auto;
position:absolute; z-index:2; 
left:50%; 
top:0%;
margin-left:-338px; 
margin-top:319px; 
text-align:justify;
visibility:visible;
}
.div7 {
color:white!important;
border:0px solid; 
border-color:black;
width:603px; 
height:30px; 
overflow:auto;
position:absolute; z-index:2; 
left:50%; 
top:0%;
margin-left:-338px; 
margin-top:349px; 
text-align:justify;
visibility:visible;
}

</style>

</td></tr></table></td></tr></table></td></tr></table></div>

<div class="div5">
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=xxxxxxxxxx" class="nav">Message</a>
</div>

<div class="div6">
<a href="http://comments.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=xxxxxxxxxx&errorCode=" class="nav">Comment</a>
</div>

<div class="div7">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=xxxxxxxxxx" class="nav">Photos</a>
</div>

</div>

<img src="http://cbimg6.com/layouts/07/06/06/18273aa.jpg" alt="Your Photo" align="left">
<b>Bold</b>
<br>
<u>Underline</u>
<br>
<i>Italic</i>
<br>
<s>Strikethrough</s>
<br>
<a href="www.urlhere.com">Link</a>
<br><br>

Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!  Write stuff here!

</div>
</div>

Layout Comments

Showing latest 10 of 29 comments

Very cute..But the About me part should be in the middle not off to the side then people can't read it

By BerryCupCake on May 10, 2008 8:46 am

Could you toss in a link for blog too? other than that its perfect

By repeat12 on Sep 28, 2007 5:01 am

this layout is the shit

By errezse on Aug 27, 2007 12:14 am

this shit is awsome but
i did it on my own but for those other people
myspace has now albums and the view more pics link takes you to the view all pics not the album index page
just a hint

By errezse on Aug 27, 2007 12:13 am

Very creative.

By melancholiclights on Aug 21, 2007 6:04 pm

hey just like previewing The Zen thingy didn't show. just to let you know. and I agree with the other people that you could of use a different background. Other than that Its nice

By Rockin94 on Aug 11, 2007 7:02 pm

is there a way to make the play buttons actually work?

By grumpy64 on Jul 31, 2007 2:10 am

ive gotten a lot of comments saying that people would like it better if it werent for the bg, to let you know if you have HTML knowledge and know how to get rid of the background go for it! i don't mind, :) just so you know!

By sheertalentx on Jul 23, 2007 1:13 pm

this would be SOOO much better if it weren't for the tack background...

By phoenixpyre on Jul 19, 2007 2:23 pm

Very creative. Favorited. datyungpimpfresh, It says you need HTML knowledge.

By audreyluzr on Jul 12, 2007 3:01 am

View all »

Layout Details

Designer	sheertalentx
Submitted on	Jun 6, 2007
Page views	61,949
Favorites	198
Comments	29
Reviewer	alovesopure
Approved on	Jun 6, 2007