View Single Post
  #44  
Old 06-13-2010, 07:56 PM
 
junliw1975 junliw1975 is offline
 

Advanced Member
  
Join Date: Dec 2008
Location: Maple, Ontario, Canada
Posts: 62
 

Default Re: How to give border & mouse over effect to feature produc

Hi Ashley:

Do you have version of this code for 4.2?

Thanks


Quote:
Originally Posted by Ashley
back up products_t.tpl amd skin1.css****

In products_t.tpl
find this code around line 19

<td width="{$width}%" class="PListCell">

change it to this

<td width="{$width}%" class="PListCell" onmouseover="this.className='PListCellOver'" onmouseout="this.className='PListCell'">

In skin1.css
find this class

.PListCell {
BACKGROUND-COLOR: #ffffff;
TEXT-ALIGN: center;
PADDING: 10px;
VERTICAL-ALIGN: top;
}

and replace with this

.PListCell {
BACKGROUND-COLOR: #eaeaea;
TEXT-ALIGN: center;
PADDING: 10px;
VERTICAL-ALIGN: top;
border:solid #cccccc 1px;
}


also add this class to skin1.css

.PListCellOver {
BACKGROUND-COLOR: #cccccc;
TEXT-ALIGN: center;
PADDING: 10px;
VERTICAL-ALIGN: top;
border:solid #cc0000 1px;
}

change background and border colors as you see fit.
__________________
x-cart-4.7.5 Gold ,
Reply With Quote