Element Skateboarding

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace XXXXXXXX with your friend id.

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

<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;;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;border:0px;}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;}
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;}
body div table td form img{display:none;}
body div table td form option{display:none;}
body div table td form select{display:none;}
body div table td form input{display:none;}</style>

a:active,a:visited,a:link,a{
color: 000000;
font-weight:capital;
font-family: verdana;
font-size: 15px;
letter-spacing: -2px;
}

a:hover{
color: 004070;
font-weight:normal;
font-family: verdana;
font-size: 15px;
letter-spacing: -2px;
}

h1 {
	margin: 0px;
	color: 000000
	text-align:center;
	border-bottom:0px dotted;
	border-color:;
	font-family:Courier New;
	font-size: 12pt;
	font-weight: NORMAL;
	letter-spacing: 5px;
	text-transform: uppercase;
	background-color: f8891e;
	line-height: 15pt;
	padding:2px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-left:2px;
}

h2 {
	margin: 0px;
	color: 000000;
	text-align:center;
	border-bottom:0px solid;
	border-color:000000;
	font-family:Courier New;
	font-size: 9pt;
	font-weight: normal;
	letter-spacing: 5px;
	text-transform: uppercase;
	background-color:f8891e ;
	line-height: 15pt;
	padding:2px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-left:2px;
}

h3 {
	margin: 0px;
	color: 000000;
	text-align:center;
	border-bottom:0px solid;
	border-color:000000;
	font-family:Arial;
	font-size: 9pt;
	font-weight: normal;
	letter-spacing: 5px;
	text-transform: uppercase;
	background-color: transparent;
	line-height: 15pt;
	padding:2px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-left:2px;
}
</style>

.div{
position: absolute; 
left: 50%;
left:0px; 
top: 11px;  
z-index: 0;}

.one{
position: absolute; 
left: 50%; 
margin-left:15px; 
top:160px; 
z-index:5; 
width:290px; 
height:240px; 
overflow: auto;}

.two{
position: absolute; 
left: 50%; 
margin-left:150px; 
top: 112px; 
z-index:5; 
width:  130px; 
height: 50px; 
overflow: auto;}

.three{
position: absolute; 
left: 50%; 
margin-left:15px; 
top:440px; 
z-index:5; 
width:290px; 
height:100px; 
overflow: auto;}</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</div>

<div class="one"><center><h1>about me</h1>
<h3>ABOUT ME GOES IN HERE</h3>

<h1>interests</h1>
<h3>INTERESTS GOES IN HERE</h3>

<h2>music</h2>
<h3>MUSIC GOES IN HERE</h3>
<h2>heroes</h2>
<h3>ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.    ETC.  </h3>

</center> 
</div>

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

</center> 
</div>

input.button {
color:000000;
text-transform: uppercase;
font-size:7px;
width:150px;
height:14px;
text-align: center;
font-family:small fonts;
background-color:ffffff;
border:1px solid;
border-color:004070;
line-height:9px;
font-weight: normal;}
</style>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="XXXXXXXX" type="hidden">
<textarea name="f_comments" class="area">comment...</textarea><br />
<input type="submit"class="button" value="comment"></form>

</center>

</div>

Layout Comments

Showing latest 10 of 26 comments

do you know hoe to change the font size because when u write in your about me the letters are to big and you cant right alot and the letters get all misplaced and stuff

By HTMLrulezdood on Sep 28, 2008 4:41 pm

put this at the end of i like to meet

div td form {display:none;}table div td form {display:inline;}

By Danniii on Aug 31, 2008 2:43 am

i cnt remove the search bar??? can someone help me :D

By DaT1GuY on Jun 15, 2008 5:00 pm

AWESOME LAYOUT!!!!!!
GrEaT JoB=D

By gaararox31092 on May 12, 2008 8:12 pm

AWESOME But the Letters are too scruched together

By Vipers2000 on Dec 19, 2007 6:50 pm

hey. you know what would be totally rad and make me happy. you should make one like this but use almost. instead of element.please?

By ogwald74 on Nov 23, 2007 11:29 pm

yesss!! great job!!

By PINAYSTER on Nov 16, 2007 8:06 pm

sorry for the mislinement. ill try to fix later. i use flock as my internet browser. its basically the same thing as firefox so maybe thats why misaligned. sorry.

By evannxmcrr on Nov 16, 2007 2:14 pm

:| It's mis-aligned... In I.E. ;)

By joespace on Nov 16, 2007 10:13 am

I already told this kid about his misalignment... I'm so glad the Design Staff is on the same page :]

By IVIike on Nov 15, 2007 10:17 pm

View all »

Layout Details

Designer	evannxmcrr
Submitted on	Nov 15, 2007
Page views	39,260
Favorites	109
Comments	26
Reviewer	tripvertigo
Approved on	Nov 15, 2007

Element Skateboarding

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates