Harry Potter and the Goblet of Fire

Using This Layout

For specific instructions read designer's comments

1. Disable Xanga themes (edit theme -> uncheck make this your active theme -> save)
2. Log into xanga.com (look & feel)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Header HTML

<p><a href="http://www.createblog.com/xanga-layouts/" title="Grab Xanga Layouts and Xanga Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Xanga Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p>
<style type="text/css">
table.navigation, table.footer { display:none; }
</style>

<IMG SRC='http://images.cbimg5.com/xanga/28/6941.jpg' border=0 width=800 height=500 USEMAP='#imgmap'>
<script type='text/javascript'>
document.title = ('Harry Potter and the Goblet of Fire');
</script>

<p align="left">
<u><b>General:</u></b><br><br>
Name: <br>
Age: <br>Contact: (AIM)<br> <br><br> </p>
<p align="left">
<u><b>Links:</u></b><br><br>BLAH<br></p><br><Br>
<p align="left">

</div>

/* Enjoy-do not jock*/
.mainleft, table.footer, table.navigation, HR{ display:none;
}body {
background-image:url();

{background-color: #FFFFFF;
div {
filter:chroma(color=#FFFFFF); 
scrollbar-arrow-color: #000000;
scrollbar-face-color: #FFFFFF; /* transparent */
scrollbar-3dlight-color: #FFFFFF; /* transparent */
scrollbar-darkshadow-color: #FFFFFF; /* transparent */
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF; /* transparent */
}

.module, .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, .content, .smalltext, .standard {
/* edits main text */
font:normal 8px arial;
color: #000000;
text-align:justify;
}

/* edits the date */
div.blogheader, .caption 
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: arial;
text-transform:none;
font-size:8px;
line-height:#px;
font-weight:normal;
color:#COLOR CODE;

letter-spacing:2px;
background-color:#;
text-transform: uppercase;

text-align:center;

border:#px solid #;}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #000000;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: #px solid #;
font:normal 8px arial;
background-color: #;
text-transform:;
font-color:#;}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color:none;
color: #;
font: bold #pt arial;
text-transform: none;
text-align:center;
text-transform:;
border: # #px solid;}
 
table.left { 
/* this edits the menu module */
width:180px;
color:000000;
background-color:#;
BORDER: # #px solid;}

font,td,p,xmp
{color:#000000;
font-face: arial;
font-weight:normal;
font-size:8pt;
text-transform:;
text-align:justify;}

table.blogbody tr td { 
/* this edits the left margin of blog */ 
width:0px; 
padding-left: 0px;}

table.blogbody {
/* this edits the other the place where the  blog is */
background-color:transparent;
family-font: arial;
text-transform:;
BORDER: # 1px solid;
width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: #pt; 
font-family: arial;
font-weight:normal; 
color:#000000; 
text-transform:none;
text-transform:;

font-size:8pt; 
cursor:;}

a:active
{font-family: arial; 
color:#000000; 
text-transform:none;
font-size:8pt;
text-transform:; 
cursor:;}

a:visited
{font-family: arial; 
color:#000000; 
text-transform:none;
text-decoration:strikeout;
font-size:8pt;
text-transform:;
cursor: ;}

A:hover {font-family:arial;
color:#000000;
text-transform:; 
cursor: ; 
font-weight:bold;
text-transform:;
font-size:8pt}</style>

/* edits bolded text in your entry */
 font-weight: bold;
 color: #fdaacd;
 }
</style>

Layout Comments

Showing latest 10 of 13 comments

Ah I LOVED the movie, It was AMAZING! then again, Im a HUGE hp fan so what do you ecspect from me?

By marauderslover on Dec 8, 2005 8:08 pm

good job, i like it a lot `=)and cedric diggory, mmMm =P

By danielle_x3 on Dec 4, 2005 11:25 am

QUOTE(zhekitty @ Dec 1 2005, 2:25 PM)Why couldn't I do it? It looks weird.. Is there anything to edit? Or did I just paste it to the wrong area?[right][snapback]1771374[/snapback][/right]Just copy and paste into your Look and Feel page :)QUOTE(tw

By Teesa on Dec 2, 2005 12:03 am

This is really nice, but it doesn't work well with Mozilla Firefox..it's not aligned properly.

By twistedxmindz on Dec 1, 2005 4:36 pm

Why couldn't I do it? It looks weird.. Is there anything to edit? Or did I just paste it to the wrong area?

By zhekitty on Dec 1, 2005 2:25 pm

I already pm'd you and told you how awesome the icons were, but the fact that you made a skin out of it even cooler. Love it.

By lolita kitty on Nov 30, 2005 11:43 am

niceeeeeeeee

By knig6 on Nov 29, 2005 8:08 pm

yeh, I love the 100x100 icons

By xklipse on Nov 25, 2005 6:25 pm

the guys who plays cedric and grum... YUMMY.

By lovebabygonebad on Nov 25, 2005 6:08 pm

That movie was better than I expected; but then again, I'm not a super-harry potter fan mself.

By theflashxmwc on Nov 25, 2005 4:09 pm

View all »

Layout Details

Designer	Teesa
Submitted on	Nov 24, 2005
Page views	22,075
Favorites	20
Comments	13

Harry Potter and the Goblet of Fire

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates