View Single Post
  #3  
Old 07-21-2007, 10:13 AM
 
millsryno millsryno is offline
 

Advanced Member
  
Join Date: Nov 2006
Posts: 36
 

Default Re: How to add gradients to side menus

I'm having some problems with this. Can somebody steer me in the right direction of what to put where? I know it is pretty much spelled out above, but it's not working for me. I think the problem is that I changed some of the original code some time ago and now don't know how to get it back.

Here is my .VertMenu CSS code:

Quote:
.VertMenuBox {
BACKGROUND-COLOR: #111111;
}
.VertMenuBorder {
BACKGROUND-COLOR: #333333;
}
.VertMenuTitle {
COLOR: #ffffff; FONT-WEIGHT: bold; TEXT-DECORATION: none; FONT-SIZE: 12px;
}

Here is my /menu.tpl code, which I have a gradient put into, but it only works for IE. I am trying to change this with this mod so that the gradient shows for all web browsers.

/menu.tpl:

Quote:
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
<TR>
<TD class="VertMenuBorder">
<TABLE border="0" cellpadding="0" cellspacing="1" width="100%">
<TR>
<TD align="center" height="25" class="VertMenuTitle" style="FILTER: progid: DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#cc0000, endColorstr=#ff000000);">{$link_begin}{$link_end}
{if $link_href}
<A href="{$link_href}">
<FONT class="VertMenuTitle">{$menu_title} </FONT>
</A>
{else}
<FONT class="VertMenuBoxNewsTitle">{$menu_title}
</FONT>
{/if}
</TD>
</TR>
<TR>
<TD class="VertMenuBox">
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
<TR>
<TD>
{$menu_content} </TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<BR>

I have saved a 1 pixel by 25 pixel gradient image under Files ---> /images. I have named the file tablebackground.jpg.

Any help would be greatly appreciated.

Thanks,

Ryan
__________________
X-Cart Version 4.0.19
DSEFU PRO
www.HandPouredWorms.com
Reply With Quote