PDA

View Full Version : Hover effect on forums!


imk
09-03-2009, 10:46 AM
<a href="http://www.realitymod.com/forum/" target="_blank">http://www.realitymod.com/forum/</a>

what mod is that^

?

Lynne
09-03-2009, 03:01 PM
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
09-03-2009, 03:27 PM
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
09-03-2009, 09:23 PM
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
09-04-2009, 06:11 AM
Yep.
All you need is a css td:hover class.

please explain in more detail!

--------------- Added 1252077189 at 1252077189 ---------------

anyone?

Brother Malachi
09-06-2009, 12:58 AM
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
09-06-2009, 12:44 PM
That's the method.
Onmouseover defines a class (which highlights it) and onmouseout removes the class (unhighlighting it)

imk
09-07-2009, 06:29 AM
where do i put this code?