Make Table Hover Effects

[Eric]

Well, I figured I'd share how to do this since it's a feature of phpBB I though we should have it too xD

Choose the Modify / Delete option under themes in the Admin Control Panel, then select the affected theme. Scroll to the very bottom to the Additional CSS box. In it, add the following:

.trow1:hover {
background: #FFF;
}

.trow2:hover {
background: #FFF;
}


And that's all you have to do. Just change the #FFF to anything you'd like for a different color. Yeah, it's very simple, but I just figured I'd let anyone who wanted to know, know.

Here's a live example if you don't want to do it without seeing it first:

http://forum.pokelounge.com

[!Unreal]

Thanks for the tutorial. Im using it on my site now

[dtommy79]

Thanks, and how does it work with 1.4?

[lorddonk]

WOW! Thanks! I wanted to know how to do this and couldn't figure it out!! I'll start incorporating this into my themes now!!

[Eric]

Thanks, and how does it work with 1.4?

It should work exactly the same, unless they changed the names of the basic tables.

[Bala]

This user has been denied support.

It does not work as desired. Doing that just highlights the text on hover.

[.m.]

^ you can try style like tr:hover [class^="trow"] {background: #0FFFFF !important;}