WONDER

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">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>

<style>

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

body {background-color:black; background-image:url("http://cbimg6.com/layouts/08/01/09/24514aa.jpg"); background-repeat:repeat; background-position:center center; background-attachment:scroll;}
td, .text, div, input {color:white!important;font-family:century gothic; font-size:10pt; font-weight: normal;text-transform:none; letter-spacing: -1pt;}

.nav {color:FFFFFF!important;
font-family:century gothic; overflow-x:hidden; font-size:9pt; border-color:;}

.nav:hover {color:ff00ff!important;
font-family:century gothic; overflow-x:hidden; font-size:9pt; border-color:;}

a {
	color:ff00ff!important;
	font-family:arial;
	font-size:13pt;
	font-weight: normal;
	letter-spacing:-2px;
	text-transform:none;}

a:hover {
	color:white!important;
	font-family:arial;
	font-size:13pt; font-weight:
	normal;letter-spacing:-2px;
	text-transform:none;
	text-decoration:none!important;}

b{
	color:0066FF;
	font-size:8pt;
	cursor:default;
	line-height:13px;
	letter-spacing:0px;
	font-family:arial;
	text-transform:none;
}
s{
	color:0066FF;
	font-size:9pt;
	cursor:default;
	line-height:12px;
	letter-spacing:0px;
	font-family:arial;letter-spacing:-1px;

text-transform:none;
}
i{
	color:99cc33;
	font-size:12px;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:times;
	text-transform:none;
}
u{
	color:363636;
	font-size:12px;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:georgia;
	text-transform:none;}

.kingdombackground {
	background-color:transparent;
	border:0px solid;
	border-color:black;
	width:700px;
	height:670px;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:-347px;
	margin-top:190px;
	text-align:center;
	visibility:visible;
	background-image:url("http://cbimg6.com/layouts/08/01/09/24514ab.jpg");
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:scroll;}

.aboutme {
	background-color: transparent;
	border:0px solid;
	border-color:white;
	width:249px;
	height:130;
	overflow-x:hidden;
	position:absolute;
	z-index:2;
	left:50%;
	top:0%;
	margin-left:-110px;
	margin-top:430px;
	text-align:left;
	visibility:visible;}

.navigation {
	background-color: transparent;
	border:0px solid;
	border-color:white;
	width:549px;
	height:auto;
	overflow-x:hidden;
	position:absolute;
	z-index:2;
	left:50%;
	top:0%;
	margin-left:-410px;
	margin-top:290px;
	text-align:right;
	visibility:visible;}

h1 {margin: 0px; color: white;text-align:left;
border-bottom:2px solid;border-color:ff00ff;font-family:arial;font-size: 15pt; background-color: transparent; 
font-weight: normal;letter-spacing: -3px; text-transform: none; 
line-height: 9pt;padding:2px;margin-bottom: 3px;margin-top: 3px;padding-left:2px;}

</style>

td td embed, object, pram, embed{height:0; width:0}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=xxxxxx&MyToken=2a845abc-f8fc-4210-8f30-5490af23ab2e" class="nav">message</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=xxxxxx" class="nav">pictures</a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=xxxxxx&MyToken=424a2c82-2c9f-453c-9d1e-d47a58681194" class="nav">comments</a>

<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=xxxxxx" class="nav">block</a>

<a href="http://12fruits.com" class="nav">12fruits</a>
</div>

<div class="aboutme">
<h1>about me</h1>
You put anything here or even change the header's if you'd like. Just put whatever you want or replace the h1 tags. I will not help you so don't ask questions about the layout, I don't have time to answer questions. Sorry.
<br>
<br>
<h1>About Layout</h1>
This layout says Kingdom so it's your space, kingdom? i guess, well I really made it as 1 graphic then decided to make it into a layout. I chose Kingdom because I'm a church boy and I just finished reading about God's Kingdom so there!
<br>
<br>
<h1>extra space, whao!</h1>
Yes, there is extra space in this layout! Keep going and going and going as long as you'd like. Add images or whatever stuff you would like to add! It's your layout.
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>

Layout Comments

Showing latest 10 of 15 comments

i cant view my pictures...how can i fix it?

By mihaela on May 15, 2008 10:38 pm

Dunno if this is really fixable or not; but the picture randomly disappears for me.
maybe it's just me.

Ah well.
Still good
=]

By souzousei on Jan 17, 2008 7:38 pm

I really like the simplicity, but I think the navi's font is a little hard to read. But the color is so cute :D

By umbreon on Jan 16, 2008 1:36 am

I really love this.
-favorites-

By audreyluzr on Jan 12, 2008 2:50 am

div scroll doesn't work in IE. and the navigation is overlapping the diagonal line in IE also. i like the simplicity of it but it's way too boring. u should at least hav an interesting banner.

By twodreamlovers on Jan 11, 2008 9:08 pm