vb.org Archive - Hover effect on forums!

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=111)

- - Hover effect on forums! (https://vborg.vbsupport.ru/showthread.php?t=222373)

imk	09-03-2009 10:46 AM

Hover effect on forums!

<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:

HTML Code:

<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

Quote:

Originally Posted by James Birkett (Post 1879058)

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

Quote:

Originally Posted by Brother Malachi (Post 1879240)

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

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:

HTML Code:

<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?

All times are GMT. The time now is 10:45 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01038 seconds Memory Usage 1,733KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_html_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (8)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: