Table Background color on mouseover

[adams]

I've seen  on someones board where when the mouse hovers over the <td> of a topic or board cat. the whole <td> bgcolor changes. Anyone have the css handy for doing this?

[adams]

The effect in case I wasn't clear enough is similar to the menu in the top right hand corner of this page.

[Shaun]

This is the YaBB 1 Gold cell color change mod for the BoardIndex.php and MessageIndex.php in your Sources Folder.

The part that does the work:

onmouseover="this.style.backgroundColor='$color[windowbg]'" onmouseout="this.style.backgroundColor=''"  

Here's the link to the download in the "Mod Ideas" Board.
http://www.yabb.info/community/index.php?board=141;action=display;threadid=2706;start=45

[adams]

Wonderful. Thats where I saw the mod in action =D

I'm just looking at your mod file.... should

Code Select Expand

<edit file>
Sources/BoardIndex.pl
</edit file>
be

Code Select Expand

<edit file>
Sources/BoardIndex.php
</edit file>
 

[Matt Siegman]

yes

PS: make your signiture not so wide, it is screwing up my browser screen

[Shaun]

Okay, it's fixed.

I did notice your signature is quite large at work here on 800x600.

[adams]

In case people wern't following we were talking about a mod to be used manually or with BoardMod. You can get the mod at Shaun's site http://www.nextcelica.net/downloads/mouseover_cell.txt

Shaun I notice that you want to make a wallpaper section. I think this would be a great mod and not that hard to do when combined with the attachments now available.

http://www.outersurf.com/YaBBSE/index.php?board=5;action=display;threadid=534



and the mod does not work for the latest version of YaBBSE (at least the one that I installed) I'm going to try it manually.

[adams]

Shaun, why not use the <td

Code Select Expand

onclick="document.location.href='http://board.bla.bal.bal'">
feature as well so that people can click anywhere in the <td> rather then having to click on the words inside the table....

[adams]

=D

I've never made a mod but you can check out the results of Shauns and my work at http://www.outersurf.com/YaBBSE/

In MessageIndex.php

Code Select Expand

<td class="windowbg" valign="middle" width="48%" bgcolor="$color[windowbg2]" onmouseover="this.style.backgroundColor='$color[windowbg]'" onmouseout="this.style.backgroundColor=''" onclick="document.location.href='$cgi;action=display;threadid=$mnum'"><font size="2"><a href="$cgi;action=display;threadid=$mnum">$msub</a> $new $pages</font></td>
In BoardIndex.php

Code Select Expand

<td class="windowbg2" onclick="document.location.href='$scripturl?board=$row_board[ID_BOARD]'" bgcolor="$color[windowbg2]" onmouseover="this.style.backgroundColor='$color[windowbg]'" onmouseout="this.style.backgroundColor=''" align="left" width="60%">

[certifyd]

changing this piece of code

Code Select Expand

onmouseover="this.style.backgroundColor='$color[windowbg]'"
to this

Code Select Expand

onmouseover="this.style.backgroundColor='$color[windowbg]'; this.style.cursor='hand';""
will give you a "hand" style cursor..

[adams]

thats a good point.

I can see people not figuring out that you can click anywhere in the <td>

it worked out well.

http://outersurf.com/YaBBSE/

[Daniel D.]

You have to change the "mouseover" in the boardindex (I think). When you move the mouse over the cells with the posts and views the colour changes, too.

[andrea]

I've seen  on someones board where when the mouse hovers over the <td> of a topic or board cat. the whole <td> bgcolor changes. Anyone have the css handy for doing this?

In the YaBB 1 Gold Graphics & Templates board there is a nice tutorial about this subject:

TUTORIAL: Hypercells

It should not be necassary to install a mod for that, you can achieve it by just making the template according to the tutorial. Since 1 Gold and SE are using the same template structure until now, the tutorial should apply for SE, too.