Thanks for the link the menu's are great. However I would prefer to learn how to create the rollover effect in CSS with x-cart.
As far as I can make out the categories each need a display: block style in the skin1.css under .CategoriesList.
This is what I have so far but it just adds the block to the bottom of the menu below the categories themselves.
.CategoriesList {
FONT-SIZE: 12px;
BORDER-BOTTOM: #68C1FF 1px solid;
DISPLAY: block;
This is my modified categories.tpl where I have added <div class="CategoriesList">.
{* $Id: categories.tpl,v 1.26 2005/11/17 06:55:37 max Exp $ *}
{capture name=menu}
{if $active_modules.Fancy_Categories ne ""}
{include file="modules/Fancy_Categories/categories.tpl"}
{assign var="fc_cellpadding" value="0"}
{else}
{if $config.General.root_categories eq "Y"}
{foreach from=$categories item=c}
<div class="CategoriesList"><a href="home.php?cat={$c.categoryid}" class="VertMenuItems">{$c.category}</a></font><br />
{/foreach}
{else} {foreach from=$subcategories item=c key=catid}
<div class="CategoriesList"><a href="home.php?cat={$catid}" class="VertMenuItems">{$c.category}</a></font><br />
{/foreach}
{/if}
{/if}
{/capture}
{ include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_categories menu_content=$smarty.capture.menu cellpadding=$fc_cellpadding}
Am I on the right track?
Jarron