I Wish I Was a Punk Rocker

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Tested in FF , Opera & IE

Please do not remove credit!

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>
table table div form {display:inline !important;}
.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;}
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;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}td td embed, td td embed, td td object{position:absolute;top:0px;right:0px;width:45px;}div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}</style>

</style> <style> 
body {
background-color: 000000;
}
.div {
	position: absolute;
	left: 50%;
	margin-left:-500px;
	top: 90px;
	z-index: 0;
}
.aboutme {
    position: absolute;
	left: 50%;
	margin-left:10px;
	top: 240px;
	z-index:5;
	width:  440px;
	height: 440px;
	overflow: auto;
	font: normal Arial 10px;
	color:FFFFFF;
	font-weight:normal;
	line-height:normal;
	text-align:left
	
}
.h2 {
	position: absolute;
	left: 50%;
	margin-left:360px;
	top: 620px;
	color:FFFFFF;
	font-family: calibri;
	font-size: 16px;
}
a:link  {
	color: FFFFFF;
	font-family: arial;
	font-size: 10px;
	text-transform:none;
	text-decoration:none 
}
a:active {
      color:FFFFFF;
      font:arial;
      font-size:10px; 
	  
}	
a:hover	 {
	color:FFFFFF;
	font:arial;
	font-size:10px;
	border-bottom-style:dotted;
	border-bottom-color:FFFFFF;
	border-bottom-width:1px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: FFFFFF;
}
.comment {
	position:absolute;
	z-index: auto;
	height: 200px;
	width: 400px;
	left: 660px;
	top: 690px;
}	  
	 
.nav {
    position:absolute;
	left:50%;
	margin-left:30px;
	top:600px;
	z-index:1;
	width:200px;
	height:400px;
	overflow:auto;
}	 
	 
.navlinks {
	color:#FFFFFF;
	font-size:12px;
	font:arial;
}	
.h3  {
   font:Calibri;
   color:#FFFFFF;
   font-size:16px;
  
}
a:active, a:visited, a:link, a {
	color:FFFFFF;
	font-size:12px;
	font-weight:normal;
	font-family:calibri
	text-decoration:none;
	text-transform:none;
}
a:hover {
	color:FFFFFF;
	font-size:12px;
	font-weight:normal;
	letter-spacing:1px;
	font-family:calibri;
	text-decoration:none;
	text-transform:none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;	
	
}

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme"><center><img src="http://cbimg6.com/layouts/08/08/30987ab.jpg" hspace="8" vspace="3" align="left" />
<b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmFuemJleC5jcmVhdGVibG9nLmNvbQ==">Link</a><br /><br />

This is my second myspace layout.There was no real inspiration,just wanted to get some more practice with the coding.Please DO NOT alter any of the coding or remove the credit. Tested in both Firefox and Internet Explorer.I do hope you enjoy it.Leave a comment if you decide to use it ;) . about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me.about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me.

<h2>Interests</h2>

Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah

</center></div><br /><br />

<div class="comment"><center><br /><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input name="friendID" value="XXXXXXXX" type="hidden" /><textarea name="f_comments" style="width:200px; height:30px; scroll:auto; background-image:url(); background-color:FFFFFF; font-family:arial; font-size:7pt; text-transform:lowecase; color:000000; border:1px solid; border-color:000000;">Write here. </textarea><br /><input type="submit" value="Submit" style="color: 000000!important; font-size: 8pt; font-family: arial; text-transform:uppercase; letter-spacing: 2px; height: 15px; width: 200px; background-color: FFFFFF; border:1px solid; border-color: 000000;line-height: 12px;" /></form><br /><br /><br />Layout created by <a href="http://www.msplinks.com/MDFodHRwOi8vYW56YmV4LmNyZWF0ZWJsb2cuY29tLw==">anzbex</a></center></div>

<h3>
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=1bfdd5cd-9c1d-46fa-83c4-7f30e0fe3ffa">Home</a><br /></h3>
<h3>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">Pictures</a><br /></h3>
<h3>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">Message</a><br /></h3>
<h3>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add</a></h3>
<h3>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">Blog </a></h3>
<h3>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block </a></h3>

Layout Comments

Showing latest 10 of 22 comments

I was going to use it but already, in the preview, I see that (when using Safari anyway) the comment box doesn't stay centered... not sure of how to fix that.

By shantamichelle on Jun 21, 2009 10:42 pm