Mac OS X Startup

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 type="text/css">
.navbar{visibility:visible;}
div td font {visibility:hidden;}
</style>
<style type="text/css">

.a {hide top search bar}
div div select, div div form {display:none !important;}

</style>
<style>body div td div div select {position:absolute!important;top:-1000px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}</style>
<style type=text/css>
div table td font {display: none;}
</style><style>td td object {position:absolute; left:1px; top:1px; display:block; width:0px; height:0px;}</style><style type="text/css">
. 
div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}

.
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}

. 
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}

table, tr, td {background:transparent;}
    table table table table, table table table table td.text, table.contactTable {display:none;}
    td.text table, .orangetext15 {visibility:hidden;}
    td.text table table {display:inline; visibility:visible;}
    td.text td.text table {display:none;}
    div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}
. 
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}

</style>

body {
background-color: 99CCFF;
background-image: url("");
background-position: bottom right;
background-repeat: repeat;
background-attachment: fixed;
overflow:auto!important;
cursor:crosshair;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

body,table, td, li, p, div, textarea  
{font:normal 14px Century Gothic; color: 666666; font-weight:none; border:0px; text-transform: none; line-height:12px;}

</style>

</DIV BACKGROUND>
<div class="bg" style="position:absolute; left:50%; margin-left:-414px; top:100px; width:829px; height:693px; overflow: hidden; border: 0px solid; border-color: ffffff; Z-INDEX:1;background-color: transparent; overflow-x:hidden!important;">

</div>
<div class="content" style="position:absolute; left:50%; margin-left:-155;  top:397px; width:300px; height:30px; overflow: auto; Z-INDEX:2; background-color: transparent; overflow-x:auto!important;">
<p><center>Your Name Here's Computer</center></span>
</div></p>

Layout Comments

Showing latest 10 of 20 comments

You know what, I totally agree with you. I didn't know how to do them back then. Maybe I should go back and add rollovers. :) ~ZeroGrafics

By ZeroGrafics on Aug 1, 2009 2:11 pm

nice concept.. but would be better with rollovers

By ScriptedLove on Jul 22, 2009 4:03 pm

hahah cool.

By ilyforeternity on Apr 6, 2009 10:22 pm

You know what, I realized that the link I posted to remove the top links doesnt work any more. If you want to remove the top links from your profile you need to post the following code into the bottom of your Like To Meet section:

.i {display:none}
div.profileWid th {margin-top: -30px !important;}
div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}
div.profileWi dth div.clearfix, i i i,
div.profileWidth div div {filter:none; opacity:0.9999}
div.profileWi dth div.clearfix {position:relative; top:30px}

(with style tags in front and at the end - and no space in the widths.. I dont know why those showed up when I posted this comment.)

By ZeroGrafics on Mar 29, 2009 4:57 am

otherwise, great layout!! =] love it

By ha2sparta4 on Mar 28, 2009 10:25 am

i have a question.. could u get rid of the navigation stuff at the top of the profile? i.e. home/mail/profile/friends/musi c/video/more

By ha2sparta4 on Mar 28, 2009 10:25 am

You are so amazing!!! I love this layout. You Rock!!! *kisses*

By zerosgirl777 on Mar 28, 2009 12:38 am

cool. simple but lovely! great job!

By calilani on Mar 25, 2009 1:32 am

well done, my friend!

By michellekdo on Mar 24, 2009 11:54 pm

WOW. Thank you so much to everyone for your comments. This is the third layout that I have submitted to createblog.com, but it is definitely the one I worked on the most.
To Medi: I did that at first but it didnt work out in the end.
To jmonster66: No. The layout is really simple. There is no room to write anything else or for your picture. Sorry. And also, I think I actually am going to make another one with this same theme but with more information. ^_^
Thanks again for your nice comments. And thank you schizo for your help with it!!!

By ZeroGrafics on Mar 23, 2009 12:23 am

View all »

Layout Details

Designer	ZeroGrafics
Submitted on	Mar 22, 2009
Page views	15,541
Favorites	76
Comments	20
Reviewer	schizo
Approved on	Mar 22, 2009

Layout Colors

Layout Tags

abstract, colorful, funny, minimal, mac, macintosh, mac os x, os x, simple, zerografics

Layout Tools

Layout Affiliates

Here I Stand Layouts