Hover effect on forums!

[imk]

<a href="http://www.realitymod.com/forum/" target="_blank">http://www.realitymod.com/forum/</a>

what mod is that^

?

[Lynne]

Probably just a change to the template. Look at the source code for that column:

<td id="f380" class="alt1Active" align="left" onclick="window.location.href='forumdisplay.php?f=380';" onmouseout="this.className='alt1Active';" onmouseover="this.className='alt2Active';" style="">
other stuff
</td>

Just change yours to have the same effect.

To find the template to modify, do this - vboptions > General Settings > Add Template Name in HTML Comments > set to Yes . Then go back to your page and view the source code and you will see the name of the template called around your part of the code.

[James Birkett]

This looks like it uses the alt1Active class that is pre-defined with the code required for the hover effect.
This is probably possible with CSS..

[Brother Malachi]

Originally Posted by James Birkett

This looks like it uses the alt1Active class that is pre-defined with the code required for the hover effect.
This is probably possible with CSS..

Yep.
All you need is a css td:hover class.

[imk]

Originally Posted by Brother Malachi

Yep.
All you need is a css td:hover class.

please explain in more detail!

--------------- Added [DATE]1252077189[/DATE] at [TIME]1252077189[/TIME] ---------------

anyone?

[Brother Malachi]

Actually, now that I think about it, td:hover isn't supported in some browsers. However, what will work with any browser is onmouseover and onmouseoff.

ex:

<style>
td.navon {
background-color: #999999;
cursor: hand}
td.navoff {
background-color: #FFFFFF}
</style>

<table>
  <tr>
    <td class="navoff" onmouseover="className='navon'" onmouseoff="className='navoff'">
      td 1
    </td>
  </tr>
  <tr>
    <td class="navoff" onmouseover="className='navon'" onmouseoff="className='navoff'">
      td 2
    </td>
  </tr>
</table>

http://codingforums.com/showthread.php?t=1041

[James Birkett]

That's the method.
Onmouseover defines a class (which highlights it) and onmouseout removes the class (unhighlighting it)

[imk]

where do i put this code?