(Moogle Accessory Shop

Designer's Comments

Look carefully for specific instructions

http://autumnsunsets.webs.com

Layout Code

Copy and paste to Template HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head><title> {Moogle Accessory Shop </title>
<SCRIPT TYPE="text/javascript"> 
window.focus(); 
function targetopener(mylink, closeme, closeonly) 
{ if (! (window.focus && window.opener))return true; 
window.opener.focus(); 
if (! closeonly)window.opener.location.href=mylink.href; 
if (closeme)window.close(); 
return false; } </SCRIPT><META http-equiv=Page-Enter content=RevealTrans(Duration=2,Transition=alternate)> <META http-equiv=Page-Exit content=RevealTrans(Duration=2,Transition=alternate)></head></html><META http-equiv=Page-Enter content=RevealTrans(Duration=2,Transition=alternate)><script type="text/javascript">
document.title = "{Moogle Accessory Shop"
</script><script>nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
    if (object != "[object]"){  //do this so I can take a string too
        setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
        return; }   
    clearTimeout(nereidFadeTimers[object.sourceIndex]);   
    diff = destOp-object.filters.alpha.opacity;
    direction = 1;
    if (object.filters.alpha.opacity > destOp){
        direction = -1;}
    delta=Math.min(direction*diff,delta);
    object.filters.alpha.opacity+=direction*delta;
    if (object.filters.alpha.opacity != destOp){
        nereidFadeObjects[object.sourceIndex]=object;
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); }}
</script><style type="text/css">
.STYLE { Background, Cursor }
.MC { Misc }
a:hover img { filter:Alpha(Opacity=50);}
a:hover { color:#770000;     } 
BODY {cursor:none;}
body{background-color: #E8D1B2; 
scrollbar-face-color: #550000; 
scrollbar-arrow-color: #550000; 
scrollbar-track-color: #E8D1B2; 
scrollbar-shadow-color: #550000; 
scrollbar-highlight-color: #550000; 
scrollbar-3dlight-color: #E8D1B2; 
scrollbar-darkshadow-color: #E8D1B2;}
a {cursor:none;}
textarea {
  border:1px solid #550000; 
  font-size: 8px; 
  font-family: georgia; 
  background:transparent; 
  color:#996600;
  width:81px;
  height:31px;
  scrollbar:none;}
body {margin: 0px;
padding: 0px;
background: url('http://i138.photobucket.com/albums/q260/res8zenith/moogle2.gif ') repeat-y;
background-color: #E8D1B2;
font-size: 10px;
color: #996600;
font-family: verdana, arial, sans-serif;}
#layout1 {width: 1024px;
height: 768px;
background: url(' http://i138.photobucket.com/albums/q260/res8zenith/layouts/moogle1.jpg ') no-repeat;}
#content {position: absolute;
width: 365px;
top: 160px;
left: 255px;}
#navigation {position: absolute;
width: 190px;
top: 230px;
left: 20px;}
h1 {color: #770000;
font-family: georgia, verdana, sans-serif;
font-style: italic;
font-size: 14px;
text-align: right;}
h2 {color: #770000;
font-family: georgia, verdana, sans-serif;
font-style: italic;
font-size: 14px;
text-align: right;}
p {text-align: justify;}
#navlinks a {display: block;
border: 1px solid #1B2D51;
background-color: #770000;
padding: 3px;
margin-bottom: 2px;}
#navlinks a:hover {color: #996600;
background: url('http://i138.photobucket.com/albums/q260/res8zenith/moogle3.jpg') no-repeat;}
a {color: #ffffff;
border-bottom: 2px dotted #770000;
text-decoration: none;}
a:hover {color: #770000;
text-decoration: line-through;}
border-bottom: 1px solid #770000;}
.center {text-align: center;}
img.Autumn*Sunsets{}
</style></head><body><div id="layout1"></div> <div id="navigation">

<h2><img src="http://fc02.deviantart.com/fs9/i/2006/039/a/f/Moogle_by_NT_121784.gif">{Welcome Kupo...</h2><b>To Our Moogle Accessory Shop! </b><BR><small><li> I'm {name}, {age} years old, you can tell i'm a {gender} Kupo! if you need any help, find me {<a href="">@</a>|<a href="">url</a>}!</small> <BR><li>We have {<script language='Javascript' src='http://www.jstracker.com/track-http://www.freewebs.com/magicgirl21/-language-1'></script>} <BR><li>Look for updates to the shop:

<BR><font color="darkred"> 1»</font> xxx
<BR><font color="darkred"> 2»</font> xxx
<BR><font color="darkred"> 3»</font> xxx

<h2>{Shop</h2>
	<a href="#" target="blank">Link}</a>
	<a href="#" target="blank">Link}</a>
	<a href="#" target="blank">Link}</a>
	<a href="#" target="blank">Link}</a>
	<a href="#" target="blank">Link}</a>
	<a href="#" target="blank">Link}</a><br />

<h2>{Accessories</h2>
	<a href="#" target="blank">Link}</a>
	<a href="#" target="blank">Link}</a>
	<a href="#" target="blank">Link}</a>
	<a href="#" target="blank">Link}</a>
	<a href="#" target="blank">Link}</a>
	<a href="#" target="blank">Link}</a><br />

<h2>{Moogles</h2><table><tr><td>
	<a href="#" target="blank"><img src="http://fc01.deviantart.com/fs14/f/2007/040/a/a/Moogle_Avvy_by_King_of_Bandits.gif" border="0"></a></td><td>
	<a href="#" target="blank"><img src="http://fc01.deviantart.com/fs14/f/2007/040/a/a/Moogle_Avvy_by_King_of_Bandits.gif" border="0"></a></td><td>
	<a href="#" target="blank"><img src="http://fc01.deviantart.com/fs14/f/2007/040/a/a/Moogle_Avvy_by_King_of_Bandits.gif" border="0"></td></tr></table></a><br />

<h2>{Message</h2>
<iframe frameborder="0" width="190" height="80" src="http://www4.cbox.ws/box/?boxid=3248805&boxtag=2156&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe><BR><iframe frameborder="0" width="190" height="140" src="http://www4.cbox.ws/box/?boxid=3248805&boxtag=2156&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe><br/>

<h2>{Bye Kupo</h2><object width="1" height="1"><param name="movie" value="http://media.imeem.com/m/zLEjgiezGn"></param><param name="wmode" value="transparent"></param><embed src="http://media.imeem.com/m/zLEjgiezGn" type="application/x-shockwave-flash" width="1" height="1" wmode="transparent"></embed></object><table><tr><td><a href="http://www.autumnsunsets.webs.com" target="blank">{x}</a> </td><td><a href="http://www.deviantart.com" target="blank">{x}</a> </td><td><a href="http://www.photobucket.com" target="blank">{x}</a> </td><td><a href="http://www.imeem.com" target="blank">{x}</a></td></tr></table></div><a href="http://www.autumnsunsets.webs.com"><img src="http://i138.photobucket.com/albums/q260/res8zenith/awards%20avatars/AS.gif" border="0"></a><textarea><a href="http://www.freewebs.com/autumnsunsets"><img src="http://i138.photobucket.com/albums/q260/res8zenith/awards%20avatars/AS.gif" border="0"></a><BR><h5>Come Visit Me Anytime!</h5><sub>-res8zenith</sub><BR></textarea><script  type="text/javascript" language="javascript"> var s_sid = 336325;var st_dominio = 4; var cimg = 1;var cwi =85;var che =1; </script> <script  type="text/javascript" language="javascript" src="http://s10.histats.com/js9.js"></script><br />

</div><div id="content"><div id="textwrap"></div>

<h1>{title|date</h1><img src="http://i138.photobucket.com/albums/q260/res8zenith/banners%20extras/moogle4.gif" align=right>
write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. 
write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. 
write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. 
write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. 
write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. 
write kupo.

<h1>{title|date</h1><img src="http://i138.photobucket.com/albums/q260/res8zenith/banners%20extras/moogle4.gif" align=right>
write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. 
write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. 
write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. 
write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. 
write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. 
write kupo.

<h1>{title|date</h1><img src="http://i138.photobucket.com/albums/q260/res8zenith/banners%20extras/moogle4.gif" align=right>
write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. 
write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. 
write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. 
write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. 
write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. write here kupo. 
write kupo.

Layout Comments

Showing latest 10 of 15 comments

none of the images load

By AngelsBaby on Nov 13, 2009 12:06 pm

Saw that this was featured. I love Final Fantasy games, and movies. This is cute. The moogle is not loved in the newer games, lol. My favorite game is still FF8/9

By Weathered on Sep 19, 2009 12:15 am

Doesn't seem to work in Firefox, can you please make it compatible with Firefox so i can use it.

By MiintyFloss on Aug 6, 2009 4:56 am

Love it! :D

By RainFallAtUryo on Apr 3, 2009 4:53 pm

we need some e-shop layouts, this is the only shop related one, but most the website templates are something related, like music, cartoon, etc... nice organized layout tho.

By TyHodge07 on Jan 5, 2009 8:07 am