Harry Potter MySpace Layout Codes

HARRY POTTER

HARRY POTTER MYSPACE LAYOUT CODE

Our Harry Potter Myspace Layout includes Slideshow Effects & Falling Animations!
If you are looking for something simple, then use the code without the Slideshow.
Copy and Paste the code you choose to your INTERESTS or ABOUT ME section.

<center><a target="_blank" title="MySpace Layouts" href="http://www.blingrevolution.com/"><img src="http://i118.photobucket.com/albums/o110/revmyspace/logo/88-31.gif" alt="Myspace Layouts"></a><br><a title="MySpace Comments" target="_blank" href="http://www.butterfunk.com/">MySpace Comments</a><br><a title="MySpace Graphics" target="_blank" href="http://www.blingcheese.com/">MySpace Graphics</a><br><a title="MySpace Layouts" target="_blank" href="http://www.layoutjelly.com/">MySpace Layouts</a><br><a title="MySpace Codes" target="_blank" href="http://www.blingrevolution.com/">MySpace Codes</a></center>

<div style="position:absolute;left:0px;top:0px;"><a href="http://www.blingrevolution.com/" target="_blank"><img src="http://i118.photobucket.com/albums/o110/revmyspace/logo/125-40.gif" border="0" alt="Myspace Layouts" title="MySpace Layouts"></a></div>
<div style="position:absolute;right:0px;top:0px;"><center><a href="http://www.photobucket.com/register.php?pbaffsite=317" target="_blank"><img src="http://i153.photobucket.com/albums/s235/revmyspace2/main/photobucket140.gif" border="0" title="Free Image Hosting"></a><br><a title="MySpace Comments" target="_blank" href="http://www.butterfunk.com/">MySpace Comments</a><br><a title="MySpace Graphics" target="_blank" href="http://www.blingcheese.com/">MySpace Graphics</a><br><a title="MySpace Layouts" target="_blank" href="http://www.layoutjelly.com/">MySpace Layouts</a><br><a title="MySpace Codes" target="_blank" href="http://www.blingrevolution.com/">MySpace Codes</a></center></div>

.revolution { Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
	background-color:000000;
	background-image:url('http://i118.photobucket.com/albums/o110/revmyspace/movie/movie-harrypotter-back.jpg');
	background-attachment:fixed;
	background-repeat:repeat;
	scrollbar-face-color:330066;
	scrollbar-highlight-color:330066;
	scrollbar-3dlight-color:CCCCCC;
	scrollbar-shadow-color:330066;
	scrollbar-darkshadow-color:CCCCCC;
	scrollbar-arrow-color:FFFFFF;
	scrollbar-track-color:CCCCCC;
	 }

.revolution { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
	border-style:ridge;
	border-width:4px;
	border-color:330066;
	background-color:transparent;	}
table table table td {
	background-color:0c0c6e;
	filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; -khtml-opacity:0.85; }
table table table table td {filter:none;}

.revolution { Image Properties }
a img{
	filter:Alpha(Opacity=100,  FinishOpacity=45,  Style=1,  StartX=20,  StartY=40,  FinishX=0,  FinishY=0);
	background-color:transparent; border-width:0px; border-style:ridge; border-color:000000;}
a:hover img { filter:blur(add=false, direction=120, strength=5); border-width:0px; border-style:ridge; border-color:000000;}

.revolution { Text Properties }
table, tr, td, li, p, div { font-family:arial; color:FFFFFF; font-size:12px; font-weight:bold;    } 
.btext { font-family:arial; color:CCCCCC; font-size:12px; font-weight:bold;    } 
.blacktext10 { width: 400px;border-bottom:3px solid; border-color:black; font-family:arial; color:CCCCCC; font-size:12px; font-weight:bold;    } 
.blacktext12 { font-family:arial; color:CCCCCC; font-size:12px; font-weight:bold;    } 
.lightbluetext8 { font-family:arial; color:CCCCCC; font-size:12px; font-weight:bold;    } 
.orangetext15 { font-family:tahoma; color:CCCCCC; font-size:14px; font-weight:bold;    } 
.redtext { font-family:arial; color:CCCCCC; font-size:12px; font-weight:bold;    } 
.redbtext { font-family:arial; color:CCCCCC; font-size:12px; font-weight:bold;    } 
.text { font-family:arial; color:FFFFFF; font-size:12px; font-weight:bold;    } 
.whitetext12 { font-family:arial; color:CCCCCC; font-size:12px; font-weight:bold;    } 
a:active, a:visited, a:link, a.searchlinksmall:link { font-family:arial; color:CCCCCC; font-size:12px; font-weight:bold;    } 
a:hover { font-family:arial; color:CCCCCC; font-size:12px;     } 
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:arial; color:CCCCCC; font-size:12px; font-weight:bold;    } 
a.navbar:hover { font-family:arial; color:CCCCCC; font-size:12px;     } 
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:arial; color:CCCCCC; font-size:12px; font-weight:bold;    } 
a.redlink:hover, a.searchlinksmall:hover { font-family:arial; color:CCCCCC; font-size:12px;     } 
.nametext { font-family:tahoma; color:FFFFFF; font-size:24px; font-weight:bold;    } 
</style>

</div></style>

/*LAYOUT CODE DESIGNED BY REVOLUTIONMYSPACE.COM*/
body { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background: #330066 url(http://i118.photobucket.com/albums/o110/revmyspace/movie/movie-harrypotter-back.jpg) repeat fixed;} 
p{line-height:1.8;}
a:link, a:active, a:visited {color: #666666}
a:hover {color: #FFFFFF }

div[class~="module"] { border:none; }
div[class~="moduleTop"], div[class~="moduleTop"] div, div[class~="moduleBottom"], div[class~="moduleBottom"] div { background-color: transparent; background-image: url(http://profile.myspace.com/rc.ashx?bg=330066&r=6&w=2000&s=222222&sw=1); font-size:0px; }
div[class~="moduleTop"] div div, div[class~="moduleBottom"] div div { background-image:none; }
div[class~="moduleTop"] div div { height:5px; border-top: 1px solid #222222; margin: 0px 5px; } 
div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #222222; margin: 0 5px; }

div[class~="moduleMid2"] { margin: 0 8px; } 
div[class~="moduleMid"] { border-left: solid #222222 1px; } 
div[class~="moduleMid1"] { border-right: solid #222222 1px; } 
div.moduleTop { background-position: top left; }
div.moduleTop div { background-position: top right; }
div.moduleBottom { background-position: bottom left; }
div.moduleBottom div { background-position: bottom right; }

div.wrap { background-color:transparent } 
div.contentMid { background-color: transparent; } 
div.module { border:0px solid #E5E5E5; color:#FFFFFF; }  
div#header, div#googlebar { background: none; }

#topnav ul { border-right: 0px #000000 solid; }  
#topnav ul li { border-left: 0px #000000 solid; }  
div#footer { background-color:transparent; padding:0 0 20px 0;} 
div#footer a { color:#FFFFFF} 
div#footer div { padding:10px 0; color:#FFFFFF} 
h3.moduleHead { font-size: 120%; color:#FFFFFF; background-color: transparent; padding:0.2em }   
div.moduleMid2 h3 { background:#000000 bottom left repeat-x; color: #; padding-top:5px; padding-bottom:5px; text-transform: none; letter-spacing:-1px; font-size:17px;} 
h4 { font-size: 110%; color:#FFFFFF} 
div.basicInfoModule div.moduleHeadTop, div.basicInfoModule div.moduleHeadMid, div.basicInfoModule div.moduleHeadBottom { display:none; }
div.basicInfoModule { background-color: transparent; } 
div.photo, div.profileDemographics, div.moduleMid, div.moduleTop div div, div.moduleBottom div div { background-color: #330066; } 
#topnav { background-color: transparent; }
div.moduleMid2 h3, div.basicInfoDetails h2 {color:#FFFFFF;} 
a.url, ul.contactLinks li a, a:hover; {color: #FFFFFF} 
div.basicInfoDetails h2 { font-size: 24px; font-weight:bold; line-height: 1.2em;} 
div.profileStatus, div.profileMood, div.profileMoodImg { height:18px; line-height:18px; margin-top:7px; }
div.profileStatus { margin-left:0px; }
div.profileFullName { color:#333; font-weight:bold; }
div.profileFullName span { color:#000; }
ul.profileUserAlbum li { background-color: #FFF; border: 1px solid #C7C7C7; }
div.musicPlayerModule h3.moduleHead { display: none; }
div.companiesModule li.moduleItem, div.interestsModule li, div.schoolsModule li.moduleItem, div.networkingModule li.moduleItem { background-color: #330066; }
div.detailsModule li { background-color: #330066; line-height: 0; color:#FFFFFF; } 
div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: #FFFFFF; }
div.detailsModule li span { display: block; margin-left: 42%; line-height: 1.2em; } 
div.networkingModule a { font-weight:bold; }
div.blogsModule ul.moduleList { border-top: dotted #FFFFFF 0px; }
div.blogsModule ul.moduleList li { border-bottom: dotted 0px #FFFFFF; }
div.blogsModule ul.moduleList span.date { color: #ffffff; } 
div.blurbsModule h4 { background-color: transparent; color: #FFFFFF; } 
div.calendarModule ul.moduleList { border-top: dotted 0px #3d3d3d; }
div.calendarModule li.moduleItem { border-bottom: dotted 0px #3d3d3d; }
div.friendSpaceModule ol.moduleList li a img { border: 0px solid #000; } 
div.commentsModule ul.moduleList li { background-color:#330066; } 
div.commentsModule a.profileLink,
div.commentsModule h3 { color: #FFFFFF; } 
div.commentsModule div.userComment { background-color:#330066; } 
div.commentsModule div.user { background:transparent; background-color:#330066; } 
div.commentsModule p.datePosted { font-weight: bold; color: #FFFFFF; }
div.commentsModule ul.moduleList li ul.commentsInfo li { font-size:80%; line-height: 1.2em; background-color: transparent; border-right: 1px solid #3d3d3d; } 
div.commentsModule ul.moduleList li {background-color:#330066;} 
#topnav ul li a:hover {background-color:#FFFFFF; color: #000000}  
#topnav ul li a.open:hover {background: #FFFFFF none repeat scroll 0 0; color: #000000}   
#subnav * {
color:#000000 !important;  
text-decoration:none !important;
text-transform:none !important;
}   
#subnav ul li a:hover {background: #FFFFFF none repeat scroll 0 0; color: #000000}
div.content {background-color: #transparent;
background-image: url('http://i118.photobucket.com/albums/o110/revmyspace/main/rev-layout-ad-wide.gif');
background-repeat: no-repeat;
background-position: top right;}

[id~=subnav] * {
color:  !important;  
text-decoration:none !important;
text-transform:none !important;
}   
[id~=subnav] ul li a:hover {background: #330066 none repeat scroll 0 0; color: }div.column1 {background-image:url(http://i118.photobucket.com/albums/o110/revmyspace/movie/movie-harrypotter-extended.jpg);background-repeat:no-repeat;background-position:top center;width:500px;padding-top:685px;}

/*LAYOUT CODE DESIGNED BY REVOLUTIONMYSPACE.COM*/

click here if you can't see the code above

click here if you can't see the code above

</div></style>

You must have Profile 2.0 installed to use this code.
Paste this code into your "CSS {}" Section.

HARRY POTTER MYSPACE LAYOUT CODE

Harry Potter Layout Comments