Rollover buttons in custom header menu Rollover buttons in custom header menu
 

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Main Menu

Rollover buttons in custom header menu

Started by JeffriesProductions, October 01, 2009, 09:43:36 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

JeffriesProductions

I originally had a full flash header with links inside the header, the links within the flash header did not work(not only within coppermine but also in ZenCart). So I scrapped the links within the header and made basic image rollover links with html and javascript. I have the navigation bar in a <div> tag called "navbarFlyte" Everything comes through in the source code when the page is loaded but there are no buttons and an empty white space where the button are supposed to be.
Any suggestions on why these buttons do not appear?

http://www.flyteusa.com/flyteusa/sitemain/gallery/index.php

Thanks in advance,
Brian
coppermine v1.4

Joachim Müller

Replace <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="{LANG_DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
<title>{TITLE}</title>
{META}
<link rel="stylesheet" href="http://flyteusa.com/flyteusa/sitemain/gallery/themes/flyte/style.css" type="text/css" />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
 var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
 var i,img,nbArr,args=MM_nbGroup.arguments;
 if (event == "init" && args.length > 2) {
   if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
     img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
     if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
     nbArr[nbArr.length] = img;
     for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
       if (!img.MM_up) img.MM_up = img.src;
       img.src = img.MM_dn = args[i+1];
       nbArr[nbArr.length] = img;
   } }
 } else if (event == "over") {
   document.MM_nbOver = nbArr = new Array();
   for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
     if (!img.MM_up) img.MM_up = img.src;
     img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
     nbArr[nbArr.length] = img;
   }
 } else if (event == "out" ) {
   for (i=0; i < document.MM_nbOver.length; i++) {
     img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
 } else if (event == "down") {
   nbArr = document[grpName];
   if (nbArr)
     for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
   document[grpName] = nbArr = new Array();
   for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
     if (!img.MM_up) img.MM_up = img.src;
     img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
     nbArr[nbArr.length] = img;
 } }
}
//-->
</script>
<style>
.navbarFlyte {
width:750px;
background:#FFFFFF url(images/buttons/navbarFlyte.jpg) no-repeat top left;
height:36px;
padding-top:5px;
margin-bottom:0;
}
.navTable {
margin-left:0px;
}

</style>
<script type="text/javascript" src="../sample/scripts.js"></script>
<!--
 SVN version info:
 Coppermine version: 1.4.25
 $Revision: 5997 $
 $LastChangedBy: gaugau $
 $Date: 2009-05-26 08:43:24 +0200 (Di, 26 Mai 2009) $
-->

</head>
<body onload="MM_preloadImages('images/buttons/friendsDn-08.jpg','images/buttons/friendsDn-10.jpg','images/buttons/friendsDn-12.jpg','images/buttons/friendsDn-14.jpg','images/buttons/friendsDn-16.jpg','images/buttons/friendsDn.jpg','images/buttons/friendsDn-05.jpg','images/buttons/friendsDn-19.jpg','images/buttons/friendsDn-21.jpg')"><div align="center">
<div id="wrapper">
<div class="headerFlyte">
<div class="headerflashFlyre">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" name="Untitled-1"

WIDTH="750" HEIGHT="110" ALIGN="Middle" id="Untitled-1">

<PARAM NAME=movie VALUE="http://flyteusa.com/flyteusa/sitemain/gallery/themes/flyte/images/header_gallery.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#000000> <EMBED src="http://flyteusa.com/flyteusa/sitemain/gallery/themes/flyte/images/header_gallery.swf" quality=high bgcolor=#000000  WIDTH="750" HEIGHT="110" NAME="Untitled-1" ALIGN="Middle"

TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>

</OBJECT>

</div>
<div class="navbarFlyte">
<table class="navTable" width="750px" border="0" cellpadding="0" cellspacing="0">
 <tr>
   <td width="92"><div align="center"><a href="http://shop.flyteusa.com" target="_top" onclick="MM_nbGroup('down','group1','calendar','',1)" onmouseover="MM_nbGroup('over','calendar','images/buttons/friendsDn-08.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/friendsUp-08.jpg" alt="" name="calendar" width="75" height="8" border="0" id="calendar" onload="" /></a></div></td>
   <td width="63"><div align="center"><a href="http://flyteusa.com/flyteusa/zen-cart-v1.3.8a-full-fileset-12112007/index.php?main_page=product_info&cPath=69&products_id=185&zenid=ee4c48940cc3197457d937aa3a5989d9" target="_top" onclick="MM_nbGroup('down','group1','videos','',1)" onmouseover="MM_nbGroup('over','videos','images/buttons/friendsDn-10.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/friendsUp-10.jpg" alt="" name="videos" width="45" height="8" border="0" id="videos" onload="" /></a></div></td>
   <td width="114"><div align="center"><a href="http://flyteusa.com/flyteusa/zen-cart-v1.3.8a-full-fileset-12112007/index.php?main_page=product_info&cPath=70&products_id=187" target="_top" onclick="MM_nbGroup('down','group1','cards','',1)" onmouseover="MM_nbGroup('over','cards','images/buttons/friendsDn-12.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/friendsUp-12.jpg" alt="" name="cards" width="98" height="8" border="0" id="cards" onload="" /></a></div></td>
   <td width="85"><div align="center"><a href="http://shop.flyteusa.com" target="_top" onclick="MM_nbGroup('down','group1','apparrel','',1)" onmouseover="MM_nbGroup('over','apparrel','images/buttons/friendsDn-14.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/friendsUp-14.jpg" alt="" name="apparrel" width="65" height="8" border="0" id="apparrel" onload="" /></a></div></td>
   <td width="66"><div align="center"><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','forum','',1)" onmouseover="MM_nbGroup('over','forum','images/buttons/friendsDn-16.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/friendsUp-16.jpg" alt="" name="forum" width="47" height="8" border="0" id="forum" onload="" /></a></div></td>

   <td width="50"><div align="center"><a href="http://shop.flyteusa.com" target="_top" onclick="MM_nbGroup('down','group1','shop','',1)" onmouseover="MM_nbGroup('over','shop','images/buttons/friendsDn.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/friendsUp.jpg" alt="" name="shop" width="33" height="9" border="0" id="shop" onload="" /></a></div></td>
   <td width="120"><div align="center"><a href="http://www.flyteusa.com/flyteusa/sitemain/gallery/index.php" target="_top" onclick="MM_nbGroup('down','group1','photo','',1)" onmouseover="MM_nbGroup('over','photo','images/buttons/friendsDn-05.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/friendsUp-05.jpg" alt="" name="photo" width="102" height="9" border="0" id="photo" onload="" /></a></div></td>
   <td width="79"><div align="center"><a href="http://flyteusa.com/flyteusa/zen-cart-v1.3.8a-full-fileset-12112007/index.php?main_page=contact_us" target="_top" onclick="MM_nbGroup('down','group1','contact','',1)" onmouseover="MM_nbGroup('over','contact','images/buttons/friendsDn-19.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/friendsUp-19.jpg" alt="" name="contact" width="55" height="8" border="0" id="contact" onload="" /></a></div></td>
   <td width="81"><div align="center"><a href="http://flyteusa.com/flyteusa/sitemain/mx/friends.html" target="_top" onclick="MM_nbGroup('down','group1','friends','',1)" onmouseover="MM_nbGroup('over','friends','images/buttons/friendsDn-21.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/friendsUp-21.jpg" alt="" name="friends" width="52" height="8" border="0" id="friends" onload="" /></a></div></td>
 </tr>
</table>
</div>

</div>
 <table width="750px" border="0" cellpadding="0" cellspacing="0">

   <tr>
     <td valign="top" style="background-color:#FFFFFF;">
       <table width="750px" border="0" cellspacing="0" cellpadding="0">
         <tr>
           <td>
           <td width="750px" align="center">
             {SYS_MENU}::{SUB_MENU}
           </td>
         </tr>

       </table>
       <table width="750px" border="0" cellspacing="0" cellpadding="0">
         <tr>
           <td align="center" valign="top">
             {LANGUAGE_SELECT_FLAGS}
           </td>
         </tr>
         <tr>
           <td align="center" valign="top">

             {LANGUAGE_SELECT_LIST}
             {THEME_SELECT_LIST}
           </td>
         </tr>
       </table>
       <img src="../sample/images/spacer.gif" width="1" height="15" alt="" />
       <br />
       <table width="750px" border="0" align="center" cellpadding="0" cellspacing="0">
         <tr>
           <td align="left" valign="top">

             {ADMIN_MENU}
             {GALLERY}
           </td>
         </tr>
       </table>
     </td>
   </tr>
 </table>
<div align="center">
<div class="footerFlyte">
<a href="http://flyteusa.com">Home</a> | <a href="http://shop.flyteusa.com">Shop</a> | <a href="http://www.flyteusa.com/flyteusa/sitemain/gallery/index.php">Photo Gallery</a> | Forum | <a href="http://flyteusa.com/flyteusa/zen-cart-v1.3.8a-full-fileset-12112007/index.php?main_page=contact_us&amp;zenid=514782f947e1e51a1579da49ce2f607a">Contact </a></div>

</div>{VANITY}
<div align="center">
<div class="copywriteFlyte">
All Contents &copy; Copyright 2009 Flyte. All rights Reserved. Web Developer: <a href="http://jeffriesproductions.com" target="_blank" >Jeffries Productions</a>
</div>
</div>
<script type="text/javascript" src="http://flyteusa.com/flyteusa/sitemain/jscss/ieupdate.js"></script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10837421-1");
pageTracker._trackPageview();
} catch(err) {}</script>

</div>
</div>
</body>
</html>
in http://flyteusa.com/flyteusa/sitemain/gallery/themes/flyte/template.html with <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="{LANG_DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
<title>{TITLE}</title>
{META}
<link rel="stylesheet" href="http://flyteusa.com/flyteusa/sitemain/gallery/themes/flyte/style.css" type="text/css" />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
 var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
 var i,img,nbArr,args=MM_nbGroup.arguments;
 if (event == "init" && args.length > 2) {
   if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
     img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
     if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
     nbArr[nbArr.length] = img;
     for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
       if (!img.MM_up) img.MM_up = img.src;
       img.src = img.MM_dn = args[i+1];
       nbArr[nbArr.length] = img;
   } }
 } else if (event == "over") {
   document.MM_nbOver = nbArr = new Array();
   for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
     if (!img.MM_up) img.MM_up = img.src;
     img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
     nbArr[nbArr.length] = img;
   }
 } else if (event == "out" ) {
   for (i=0; i < document.MM_nbOver.length; i++) {
     img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
 } else if (event == "down") {
   nbArr = document[grpName];
   if (nbArr)
     for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
   document[grpName] = nbArr = new Array();
   for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
     if (!img.MM_up) img.MM_up = img.src;
     img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
     nbArr[nbArr.length] = img;
 } }
}
//-->
</script>
<style>
.navbarFlyte {
width:750px;
background:#FFFFFF url(themes/flyte/images/buttons/navbarFlyte.jpg) no-repeat top left;
height:36px;
padding-top:5px;
margin-bottom:0;
}
.navTable {
margin-left:0px;
}

</style>
<script type="text/javascript" src="../sample/scripts.js"></script>
<!--
 SVN version info:
 Coppermine version: 1.4.25
 $Revision: 5997 $
 $LastChangedBy: gaugau $
 $Date: 2009-05-26 08:43:24 +0200 (Di, 26 Mai 2009) $
-->

</head>
<body onload="MM_preloadImages('themes/flyte/images/buttons/friendsDn-08.jpg','themes/flyte/images/buttons/friendsDn-10.jpg','themes/flyte/images/buttons/friendsDn-12.jpg','themes/flyte/images/buttons/friendsDn-14.jpg','themes/flyte/images/buttons/friendsDn-16.jpg','themes/flyte/images/buttons/friendsDn.jpg','themes/flyte/images/buttons/friendsDn-05.jpg','themes/flyte/images/buttons/friendsDn-19.jpg','themes/flyte/images/buttons/friendsDn-21.jpg')"><div align="center">
<div id="wrapper">
<div class="headerFlyte">
<div class="headerflashFlyre">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" name="Untitled-1"

WIDTH="750" HEIGHT="110" ALIGN="Middle" id="Untitled-1">

<PARAM NAME=movie VALUE="http://flyteusa.com/flyteusa/sitemain/gallery/themes/flyte/images/header_gallery.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#000000> <EMBED src="http://flyteusa.com/flyteusa/sitemain/gallery/themes/flyte/images/header_gallery.swf" quality=high bgcolor=#000000  WIDTH="750" HEIGHT="110" NAME="Untitled-1" ALIGN="Middle"

TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>

</OBJECT>

</div>
<div class="navbarFlyte">
<table class="navTable" width="750px" border="0" cellpadding="0" cellspacing="0">
 <tr>
   <td width="92"><div align="center"><a href="http://shop.flyteusa.com" target="_top" onclick="MM_nbGroup('down','group1','calendar','',1)" onmouseover="MM_nbGroup('over','calendar','themes/flyte/images/buttons/friendsDn-08.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="themes/flyte/images/buttons/friendsUp-08.jpg" alt="" name="calendar" width="75" height="8" border="0" id="calendar" onload="" /></a></div></td>
   <td width="63"><div align="center"><a href="http://flyteusa.com/flyteusa/zen-cart-v1.3.8a-full-fileset-12112007/index.php?main_page=product_info&cPath=69&products_id=185&zenid=ee4c48940cc3197457d937aa3a5989d9" target="_top" onclick="MM_nbGroup('down','group1','videos','',1)" onmouseover="MM_nbGroup('over','videos','themes/flyte/images/buttons/friendsDn-10.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="themes/flyte/images/buttons/friendsUp-10.jpg" alt="" name="videos" width="45" height="8" border="0" id="videos" onload="" /></a></div></td>
   <td width="114"><div align="center"><a href="http://flyteusa.com/flyteusa/zen-cart-v1.3.8a-full-fileset-12112007/index.php?main_page=product_info&cPath=70&products_id=187" target="_top" onclick="MM_nbGroup('down','group1','cards','',1)" onmouseover="MM_nbGroup('over','cards','themes/flyte/images/buttons/friendsDn-12.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="themes/flyte/images/buttons/friendsUp-12.jpg" alt="" name="cards" width="98" height="8" border="0" id="cards" onload="" /></a></div></td>
   <td width="85"><div align="center"><a href="http://shop.flyteusa.com" target="_top" onclick="MM_nbGroup('down','group1','apparrel','',1)" onmouseover="MM_nbGroup('over','apparrel','themes/flyte/images/buttons/friendsDn-14.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="themes/flyte/images/buttons/friendsUp-14.jpg" alt="" name="apparrel" width="65" height="8" border="0" id="apparrel" onload="" /></a></div></td>
   <td width="66"><div align="center"><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','forum','',1)" onmouseover="MM_nbGroup('over','forum','themes/flyte/images/buttons/friendsDn-16.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="themes/flyte/images/buttons/friendsUp-16.jpg" alt="" name="forum" width="47" height="8" border="0" id="forum" onload="" /></a></div></td>

   <td width="50"><div align="center"><a href="http://shop.flyteusa.com" target="_top" onclick="MM_nbGroup('down','group1','shop','',1)" onmouseover="MM_nbGroup('over','shop','themes/flyte/images/buttons/friendsDn.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="themes/flyte/images/buttons/friendsUp.jpg" alt="" name="shop" width="33" height="9" border="0" id="shop" onload="" /></a></div></td>
   <td width="120"><div align="center"><a href="http://www.flyteusa.com/flyteusa/sitemain/gallery/index.php" target="_top" onclick="MM_nbGroup('down','group1','photo','',1)" onmouseover="MM_nbGroup('over','photo','themes/flyte/images/buttons/friendsDn-05.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="themes/flyte/images/buttons/friendsUp-05.jpg" alt="" name="photo" width="102" height="9" border="0" id="photo" onload="" /></a></div></td>
   <td width="79"><div align="center"><a href="http://flyteusa.com/flyteusa/zen-cart-v1.3.8a-full-fileset-12112007/index.php?main_page=contact_us" target="_top" onclick="MM_nbGroup('down','group1','contact','',1)" onmouseover="MM_nbGroup('over','contact','themes/flyte/images/buttons/friendsDn-19.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="themes/flyte/images/buttons/friendsUp-19.jpg" alt="" name="contact" width="55" height="8" border="0" id="contact" onload="" /></a></div></td>
   <td width="81"><div align="center"><a href="http://flyteusa.com/flyteusa/sitemain/mx/friends.html" target="_top" onclick="MM_nbGroup('down','group1','friends','',1)" onmouseover="MM_nbGroup('over','friends','themes/flyte/images/buttons/friendsDn-21.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="themes/flyte/images/buttons/friendsUp-21.jpg" alt="" name="friends" width="52" height="8" border="0" id="friends" onload="" /></a></div></td>
 </tr>
</table>
</div>

</div>
 <table width="750px" border="0" cellpadding="0" cellspacing="0">

   <tr>
     <td valign="top" style="background-color:#FFFFFF;">
       <table width="750px" border="0" cellspacing="0" cellpadding="0">
         <tr>
           <td>
           <td width="750px" align="center">
             {SYS_MENU}::{SUB_MENU}
           </td>
         </tr>

       </table>
       <table width="750px" border="0" cellspacing="0" cellpadding="0">
         <tr>
           <td align="center" valign="top">
             {LANGUAGE_SELECT_FLAGS}
           </td>
         </tr>
         <tr>
           <td align="center" valign="top">

             {LANGUAGE_SELECT_LIST}
             {THEME_SELECT_LIST}
           </td>
         </tr>
       </table>
       <img src="../sample/images/spacer.gif" width="1" height="15" alt="" />
       <br />
       <table width="750px" border="0" align="center" cellpadding="0" cellspacing="0">
         <tr>
           <td align="left" valign="top">

             {ADMIN_MENU}
             {GALLERY}
           </td>
         </tr>
       </table>
     </td>
   </tr>
 </table>
<div align="center">
<div class="footerFlyte">
<a href="http://flyteusa.com">Home</a> | <a href="http://shop.flyteusa.com">Shop</a> | <a href="http://www.flyteusa.com/flyteusa/sitemain/gallery/index.php">Photo Gallery</a> | Forum | <a href="http://flyteusa.com/flyteusa/zen-cart-v1.3.8a-full-fileset-12112007/index.php?main_page=contact_us&amp;zenid=514782f947e1e51a1579da49ce2f607a">Contact </a></div>

</div>{VANITY}
<div align="center">
<div class="copywriteFlyte">
All Contents &copy; Copyright 2009 Flyte. All rights Reserved. Web Developer: <a href="http://jeffriesproductions.com" target="_blank" >Jeffries Productions</a>
</div>
</div>
<script type="text/javascript" src="http://flyteusa.com/flyteusa/sitemain/jscss/ieupdate.js"></script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10837421-1");
pageTracker._trackPageview();
} catch(err) {}</script>

</div>
</div>
</body>
</html>


Reason: the relative reference to any image or other resource mustn't be as seen from the relative path your theme resides in, but seen from the coppermine root folder, as that's where the file resides that is being displayed in coppermine when the template get's parsed.

Joachim

P.S. Nice design, but way too much JS nonsense inside the HTML file. Move that into a separate JS file for cleaner code and better browser caching. And while your at it: review the reference to the script file within the sample folder. Restore the script file where it belongs.