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.
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?
I meant the background color of the category box. Here is an example at this site- highlight cells (http://www.laurencollinsmedia.com). If you notice, when you hover over the category title and the recent images the background of the category box changes color.
Thanks!
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:
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
<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 <td class="catrow"
before align="left">
very nice bmossavari ;) id like to do that aswell :)
Here's a nice tutorial on the subject: http://www.basictips.com/table-cell-background-colors-change-mouseover-css.shtml (http://www.basictips.com/table-cell-background-colors-change-mouseover-css.shtml). ;)
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!
@mlnet:you'r welcome ;)
@vargha:thank you
@gizmo:this is good tutorial , thank you