Highlight Cells?

[mlnet]

Hey! I'm back with another question already haha. I have been dying to know how to do this as well, because it's such a cool effect and I have tried to make it with a similar code but it didn't work.

How can I make the entire category box surrounding the category title change colors on a link hover?

Thanks and I hope you can help me solve this one too.

[Sami]

I don't undrestand your question !
do you want ,changing color of main category table on hover of each category titles or just on hover of it self can you give me example?

[mlnet]

I meant the background color of the category box.  Here is an example at this site- highlight cells. If you notice, when you hover over the category title and the recent images the background of the category box changes color.

Thanks!

[Sami]

First, that gallery is 1.4.4 and if you know the owner of the gallery inform her/him to upgrade ASAP to 1.4.8
- she/he use javascript to change the style of category boxes :
by putting this line:

Code Select Expand

style="cursor:hand" onmouseover="this.style.backgroundColor='E5E5E5';"onmouseout="this.style.backgroundColor='ffffff';"
to starttable() function if you want to do that
1. copy starttable() function from themes/sample/theme.php to your theme then find this line on it

Code Select Expand


<td class="catrow" align="left"><table border="0"><tr><td>{CAT_THUMB}</td><td><span class="catlink"><b>{CAT_TITLE}</b></span>{CAT_DESC}</td></tr></table></td>
and add that line after

Code Select Expand

<td class="catrow" before

Code Select Expand

align="left">

[Vargha]

very nice bmossavari  id like to do that aswell   

[Gizmo]

Here's a nice tutorial on the subject: http://www.basictips.com/table-cell-background-colors-change-mouseover-css.shtml. 

[mlnet]

Sorry it took so long to respond, it took me forever to find that td class part in the theme.php because I started from the bottom and then I messed up the first time I did it! It worked perfectly and it looks really good! Thank you so much for all of your help, you are awesome!

[Sami]

@mlnet:you'r welcome

@vargha:thank you

@gizmo:this is good tutorial , thank you