CREATE

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:white; background-image:url(""); background-repeat:repeat-x; background-position:center center; background-attachment:scroll;}
td, .text, div, input {color:606060!important;font-family:century gothic; font-size:10pt; font-weight: normal;text-transform:none; letter-spacing: -1pt;}

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

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

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

a:hover {
	color:3399ff!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;}

.createbackground {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	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/30/25050aa.jpg");
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:scroll;}

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

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

h1 {margin: 0px; color: cc0000;text-align:left;
border-bottom:2px solid;border-color:3399ff;font-family:arial;font-size: 14pt; 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>
CREATE, add more text here or whatever else you would lile. It's your layout, your myspace. :]
<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 10 comments

i love layouts like this, good job!

By veetee on Jun 19, 2009 11:10 am

i love different. cool!

By candygoaler on Feb 24, 2008 3:08 pm

hi felipot

By 12fruits on Feb 4, 2008 7:46 pm

This is great; I love the clean-ness of it,
but I think more could have been done with the navigation - a separate colour perhaps? Or a small image behind it?

:]

By PaintMyFace on Jan 31, 2008 12:00 pm

I like this soo much.

By jesusisthebestthing on Jan 31, 2008 9:35 am

interesting. make sure to crop the top part of the banner because i can see the edge. im not sure about the color scheme. blue and green alone would've been nicer. have 2 columns instead of one, so the layout would look more structured and less plain since it seems very spatial. and im not sure about the banner itself. i gotta say, i like the simplicity of it.

By twodreamlovers on Jan 30, 2008 11:34 pm

Cool but I think you should have used a different font.
However, that's easily changeable.

By idontwantit on Jan 30, 2008 8:59 pm

Hm, simple and interesting banner. I don't like how the main text is minus-some pixels; it makes everything too hard to read. It's fine for the header titles, but otherwise no. :/ Overall it's a decent layout.

By tokyo-rose on Jan 30, 2008 7:32 pm

i dont think it should be a myspace layout.

By bangxdisco on Jan 30, 2008 7:28 pm

I love this. So simple. I like having as much space as possible.

By seriouslyPINK on Jan 30, 2008 5:44 pm

Layout Details

Designer	12fruits
Submitted on	Jan 29, 2008
Page views	16,432
Favorites	90
Comments	10
Reviewer	S-Majere
Approved on	Jan 30, 2008

CREATE

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates