Yoruichi

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><p><a href="http://www.createblog.com/layouts/index.php?layout=myspace_layouts" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg9.com/layouts/07/07/08/19195aa.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,.purpletext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{
	display:none;
	height:0px;!important;
	visibility:hidden
}
td td td td{
	border:0px;
	width:0px;
	text-align:left;
}
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;
}
table, tr, td{ 
	background-color: transparent; 
	border: 0px; 
}
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 div table td form{
	display:none!important;
}
body{ 
        background-color: 000000;
}
.image{
        position: absolute; 
        left: 50%; 
        margin-left:-400px; 
        top: 100px;  
        z-index: 0;
}
.aboutme{
        position: absolute; 
        left: 50%; 
        margin-left: -83px; 
        top: 500px; 
        z-index:5; 
        width:  300px; 
        height: 399px; 
        overflow: auto;
}
.contentbox{
        position: absolute; 
        left: 50%; 
        margin-left: -256px; 
        top: 500px; 
        z-index:5; 
        width:  168px; 
        height: 399px; 
        overflow: hidden;
}
body,table, td, li, p, div{
        font:normal 10px Verdana; 
        color:000033; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
        line-height:12px;
}
textarea{
        background-color: 111111; 
        width: 150px; 
        height: 50px; 
        color: 333366; 
        font:7px small fonts; 
        text-transform:uppercase; 
        border: solid 1px 000;
}
a.navigate:link,a.navigate:active,a.navigate:visited{
	padding:1px;
	color:333366;
	font-size:9px;
	display:block;
	margin-top:1px;
	cursor:default;
	line-height:11px;
	border:1px solid;
	text-align:left;
	font-weight:normal;
	letter-spacing:0px;
	font-family:verdana;
	border-color:000000;
	text-decoration:none;
	text-transform:none;
background:url(http://cbimg9.com/layouts/07/07/08/19195ab.jpg) 	top left repeat-x;
}
a.navigate:hover{
	padding:1px;
	color:333366;
	font-size:12px;
	display:block;
	margin-top:1px;
	cursor:default;
	text-indent:3px;
	line-height:12px;
	border:1px solid;
	text-align:left;
	font-weight:normal;
	letter-spacing:0px;
	font-family:verdana;
	border-color:000000;
	text-decoration:none;
	text-transform:none;
background:url(http://cbimg9.com/layouts/07/07/08/19195ab.jpg) 	top left repeat-x;
}
a{
        font:normal 9px Verdana; 
        color:333366; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:link{
        font:normal 9px Verdana; 
        color:000066; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:active{
        font:normal 9px Verdana; 
        color:000066; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:visited{
        font:normal 9px Verdana; 
        color:333366; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:hover{
        font:normal 9px Verdana; 
        color:333366;
        text-transform: none;
}
a:link, a.man{
        font:normal 9px Verdana; 
        color:000066; 
        border:0px; 
        text-transform: none; 
}
.standard b, p b, B, strong {
        font-family:verdana; 
        font-size:9px; 
        color:000066; 
        font-weight:none;
        border:0px; 
        text-transform: none; 
}
h1 {
	margin: 0px; 
	color: ffffff;
	text-align:left;
	border-bottom:2px solid;
	border-color:000033;
	font-family:verdana;
	font-size: 10pt; 
	font-weight: normal;
	background-color: transparent; 
	letter-spacing: -1px;  
	line-height: 8pt;
	margin-bottom: 2px;
	margin-top: 2px;
	padding:2px;
	padding-left:3px;
}
h2 {
	margin: 0px; 
	color: ffffff;
	text-align:left;
	border-bottom:2px solid;
	border-color:000033;
	font-family:verdana;
	font-size: 16pt; 
	font-weight: normal;
	background-color: transparent; 
	letter-spacing: -1px;  
	line-height: 10pt;
	margin-bottom: 4px;
	margin-top: 4px;
	padding:2px;
	padding-left:3px;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme">
<h2>About Me</h2><br>
This is the area where you would add information about yourself, or basically anything else you'd want.<br>
It extends automatically, so don't worry about your length.<br><br>
<b>Bold</b>, <u>Underline</u>, <i>Italic</i><br><br>
Copyright ShadeAlucard - AlucardDesigns
</div>

<div class="contentbox">
<h1>Navigation</h1>
<a href="http://home.myspace.com/index.cfm?fuseaction=user"class="navigate">Home</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"class="navigate">Add Me</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"class="navigate">Message Me</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewprofile_commentform&friendid=XXXXXXXX"class="navigate">Comment Me</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"class="navigate">View Pictures</a>
<a href="http://www.shadealucard.createblog.com"class="navigate">Layouts</a>
<br>

<h1>Friends</h1>
<a href="YOURFRIENDSURLHERE"class="navigate">NAME</a>
<a href="YOURFRIENDSURLHERE"class="navigate">NAME</a>
<a href="YOURFRIENDSURLHERE"class="navigate">NAME</a>
<a href="YOURFRIENDSURLHERE"class="navigate">NAME</a>
<br>

<h1>Icons/Music</h1>