HEROES: Volume Three

Designer's Comments

Look carefully for specific instructions

Replace the the XXXXXX with your myspace user ID

Profile best viewed in FireFox on 1280 x 1024 screen resolution.

This is an advanced layout. Do not alter unless you know what you are doing.
Do not remove bottom credits.

Visit my website for over 60 FREE div overlays for myspace. Custom also available.
www.emarielayouts.com or email eMarie2470@gmail.com

NOTE:The CB codes for preview are outdated. You WILL NOT see anything left over from the default myspace page. Everything will be cleared. All my layouts
are tested in an actual myspace layout for best fit.

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">
table, tr, td {background:transparent;} 
table table table table, table.contactTable {display:none;} 
td.text table{visibility:hidden;}
.nametext, .whitetext12, .orangetext15 {display:none;}
div table td font {display: none;}
td.text table table{display:inline;visibility:visible;}
table, td{border-width:0px;}
.navigationBar{display:block;}
.navigationBar{display:none;}

td, div, p, b, span, ol, ul, li, font, .redtext {font-family: arial; color: rgb(0, 0, 0); font-size: 7pt!important; text-decoration: none;}
a:link, a:visited, a:active, a:hover {font-family: arial; color: rgb(0, 0, 0); font-size: 7pt!important; text-decoration: none;}
a:hover {color: rgb(255, 0, 0); text-decoration: line-through;}

body{
background-color: rgb(255, 255, 255);
background-image: url("NO IMAGE");
background-position: bottom;
background-repeat: no-repeat;
background-attachment: fixed;
}

.layout{
position: absolute;
top: 160px;
left: 50%;
margin-left: -500px; _margin-left: -498px;
width: 980px;
height: 619px;
z-index: 1;
border: 0px solid red;
text-align: center;
overflow: hidden;
}

.about{
position: absolute;
top: 239px;
left: 50%;
margin-left: 324px; _margin-left: 322px;
width: 142px;
height: 269px;
text-align: right;
border: 0px solid red;
overflow: auto;
z-index: 3;
}

.commentbox{
position: absolute;
top: 394px;
left: 50%;
margin-left: -60px; _margin-left: -58px;
width: 165px;
height: 93px;
text-align: center;
border: 0px solid red;
overflow: hidden;
z-index: 3;
}

.bubble1{
position: absolute;
top: 234px;
left: 50%;
margin-left: -266px; _margin-left: -264px;
width: 200px;
height: 53px;
text-align: center;
border: 0px solid red;
overflow: hidden;
z-index: 3;
}

.bubble2{
position: absolute;
top: 513px;
left: 50%;
margin-left: -81px; _margin-left: -79px;
width: 182px;
height: 246px;
text-align: center;
border: 0px solid red;
overflow: hidden;
z-index: 3;
}

.credits{
position: absolute;
top: 776px;
left: 50%;
margin-left: -500px; _margin-left: -498px;
width: 980px;
height: 42px;
text-align: center;
border: 0px solid red;
letter-spacing:1pt;
overflow: hidden;
z-index: 3;
}

textarea{
background-color: transparent; 
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="about">
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>

</div>

<div class="commentbox">
<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="embox" rows="1" cols="20" style="width: 163; height: 73" >
Write Your Comment In Here
</textarea><br><input input type="image" class="embox" src="http://emarie2470.ipower.com//layoutimages/heroes1-sendcmt.png" width="65" height="16"></form>
</div>

<div class="bubble1">
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
</div>

<div class="bubble2">
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
WRITE YOUR STUFF HERE <br>
</div>

<div class="credits">
<font  face="Arial, Helvetica, sans-serif" size="0">
©2003-2008 MySpace.com. All Rights Reserved. Layout by eMarie's Custom Layouts - www.emarielayouts.com <br />
Profile best viewed in FireFox on 1280 x 1024 screen resolution.<br>
<a href="http://getfirefox.com/" target="_blank"><img src="http://cbimg9.com/layouts/08/11/32436ab.png" width="80" height="15" border="0"></a>
</font>
</div>

Layout Comments

Showing latest 10 of 14 comments

I do not have any layouts so far that are compatible with the 2.0 style, if there is enough of a demand for it then it's possible in the future I could convert or create new layouts for the 2.0 style.

By eMarie2470 on Aug 10, 2009 10:27 pm