MyBB Community Forums

Full Version: Make Table Hover Effects
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
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. Big Grin

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

http://forum.pokelounge.com
Thanks for the tutorial. Im using it on my site now Smile
Thanks, and how does it work with 1.4?
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!! Big Grin
(2008-08-21, 02:10 PM)dtommy79 Wrote: [ -> ]Thanks, and how does it work with 1.4?

It should work exactly the same, unless they changed the names of the basic tables.
It does not work as desired. Doing that just highlights the text on hover.
^ you can try style like tr:hover [class^="trow"] {background: #0FFFFF !important;}