[Yurij]

Originally Posted by tamicampos

I know Funky Categories is old but I would like to use it. I followed the directions perfectly and cut and past the code. It looks like this:

www.kookoomonkey.com

I had rounded boxes in my skin1/css file and it didn't work so I took it out but it only changes the other menus. Do I need to take out Fancy Categories?
Please help.

Change template "skin1/customer/funkycategories.tpl"

PHP Code:

{literal} 
<script language="JavaScript1.2"> 
function changeLoc(address){ 
  window.location.href = address; 
} 

function onOver(td){ 
  if(document.getElementById||(document.all && !(document.getElementById))){ 
    td.style.backgroundColor="#009966"; 
    td.style.cursor="hand"; 
  } 
} 

function onOut(td){ 
  if(document.getElementById||(document.all && !(document.getElementById))){ 
    td.style.backgroundColor="#006633"; 
  } 
} 
</script> 
{/literal} 

<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td class="funkycatsep"></td> 
  </tr> 
</table> 

{if $config.General.root_categories eq "Y"} 
<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
{foreach item=one from=$categories key=ind}
  <tr> 
    <td width="1" class="funkycatsep"><img src="{$ImagesDir}/spacer.gif"></td> 
    <td class="funkycat" onMouseOver="onOver(this);" onMouseOut="onOut(this);" onClick="changeLoc('home.php?cat={$one.categoryid}');"><font color="#FFFF00">&raquo;</font>{$one.category}</td>
    <td width="1" class="funkycatsep"><img src="{$ImagesDir}/spacer.gif"></td> 
  </tr> 
  <tr> 
    <td colspan="3" class="funkycatsep"></td> 
  </tr> 
{/foreach} 
</table> 

{else} 

<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
{foreach item=one from=$subcategories key=ind}
  <tr> 
    <td width="1" class="funkycatsep"><img src="{$ImagesDir}/spacer.gif"></td> 
    <td class="funkycat" onMouseOver="onOver(this);" onMouseOut="onOut(this);" onClick="changeLoc('home.php?cat={$one.categoryid}');"><font color="#FFFF00">&raquo;</font>{$one.category}</td>
    <td width="1" class="funkycatsep"><img src="{$ImagesDir}/spacer.gif"></td> 
  </tr> 
  <tr> 
    <td colspan="3" class="funkycatsep"></td> 
  </tr> 
{/foreach} 
</table>
{/if}