Harry Potter

Designer's Comments

Look carefully for specific instructions

If you don't know how to apply this kind of layout, click here.

First layout since my computer was repaired. I tried something waayy different than what I usually do. This took me forever to make so I hope you all like it.

Want to see all my layouts and graphics? website - myspace

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">body{
background-color: 314a4a;
background-image:url(http://cbimg9.com/layouts/07/07/26/19976aa.gif);
background-position:bottom right;
 background-repeat:repeat;
 background-attachment:scroll;
scrollbar-arrow-color:000;
scrollbar-track-color:314a4a;
scrollbar-shadow-color:9cd2da;
scrollbar-face-color:9cd2da;
scrollbar-highlight-color:9cd2da;
scrollbar-darkshadow-color:9cd2da;
scrollbar-3dlight-color:9cd2da;}
</style>

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

.section1{
position: absolute; 
left: 50%; 
margin-left:-310px; 
top: 460px; 
z-index:5; 
width:  298px; 
height: 140px; 
overflow: auto;}

.navigation{
background-color:transparent; 
position:absolute;
left: 50%; 
width:100px;
height:190px;
z-index:5;
margin-left:-400px;
top:450px;
overflow: auto;}

.credit{
height:22px; 
width:70px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/07/07/26/19976ab.gif) top left no-repeat; 
display: block;}

.credit:hover{
background-position: bottom left;

}.pics
{height:22px; 
width:70px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/07/07/26/19976ac.gif) top left no-repeat; 
display: block;}

.pics:hover{
background-position: bottom left;}

.block{
height:19px; 
width: 100px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/07/07/26/19976ad.gif) top left no-repeat; 
display: block;}

.block:hover{
background-position: bottom left;}

.friends{
height:22px; 
width: 70px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/07/07/26/19976ae.gif) top left no-repeat; 
display: block;}

.friends:hover{
background-position: bottom left;}

.add{
height:22px; 
width: 70px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/07/07/26/19976af.gif) top left no-repeat; 
display: block;}

.add:hover{
background-position: bottom left;}

.message{
height:22px; 
width: 70px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/07/07/26/19976ag.gif) top left no-repeat; 
display: block;}

.message:hover{
background-position: bottom left;}

.comment{
height:22px; 
width: 70px; 
background-color:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/07/07/26/19976ah.gif) top left no-repeat; 
display: block;}

.comment:hover{
background-position: bottom left;}

.home{
height:22px; 
width: 70px; 
background-color:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/07/07/26/19976ai.gif) top left no-repeat; 
display: block;}

.home:hover{
background-position: bottom left;}

body,table, td, li, p, div
{
font:normal 9px verdana; 
color:000; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:12px;}

textarea{
background-color: transparent; 
width: 220px; 
height: 100px; 
color: 000; 
font:7px small fonts; 
text-transform:uppercase; 
border: solid 1px 000;}

a:active,a:visited,a:link,a{
	color:057391;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:none;
}
a:hover{
	color:33846d;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:none;}

.standard b, p b, B, strong {
font-family:georgia; 
font-size:9px; 
color:33846d; 
font-weight:none;
border:0px; 
text-transform: none; }
</style>