Forum Display Enhancements - onMouseOver Forum Home, Subforums & Threadbits

OnMouseOver effect on Forum categories!

This has been tested on 3.7.x & 3.8 beta 1.

Demo

On the template "forumhome_forumbit_level1_post"

Replace:

<td class="alt1Active" colspan="2" align="$stylevar[left]" id="f$forum[forumid]">

with:

<td class="alt1Active" colspan="2" align="$stylevar[left]" id="f$forum[forumid]" title="$thread[preview]" style="cursor:hand;" onmouseover="this.className='alt2Active';" onmouseout="this.className='alt1Active';">

Save template.

Go to the template called "forumhome_forumbit_level2_post"

Replace:

<td class="alt1Active" align="$stylevar[left]" id="f$forum[forumid]">

with:

<td class="alt1Active" align="$stylevar[left]" id="td_title_$thread[realthreadid]" title="$thread[preview]" style="cursor:hand;" onmouseover="this.className='alt2Active';" onmouseout="this.className='alt1Active';">

Then go to the template called "threadbit"

Replace:

<td class="alt1" id="td_threadtitle_$thread[realthreadid]" title="$thread[preview]">

with:

	<td id="td_threadtitle_$thread[realthreadid]" class="alt1Active" onmouseout="this.className='alt1Active';" onmouseover="this.className='alt2Active';" title="$thread[preview]">

That's it!
For more styling add this to the "additional CSS" located in Main CSS.

.alt1, .alt1Active
{
	background: #xxxxxx;
	color: #xxxxxx;
	/* #xxxxxx*/
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
	color: #xxxxxx;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
	color: #xxxxxx;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
	color: #xxxxxx;
}
.alt2, .alt2Active
{
	background: #xxxxxx;
	color: #xxxxxx;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
	color: #xxxxxx;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
	color: #xxxxxx;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
	color: #xxxxxx;
}

Remember to replace "xxxxxx" with your forums style colours.

Enjoy!

[g00gl3r]

reserved

[jluerken]

1. It should highlight the whole row and
2. Clicking in a forum description area should open this forum but clicking on a subforum should only open this subforum.

Would be nice to have this :-)

[dannykilla]

1. Working on this!
2. Do not understand what you mean?

[Hornstar]

I think for 2 he means that when you click on the area beside the text, the blank black area, it would be nice if that was linkable as well (I've seen other sites have this done before)

[jluerken]

Originally Posted by hornstar1337

I think for 2 he means that when you click on the area beside the text, the blank black area, it would be nice if that was linkable as well (I've seen other sites have this done before)

Correct interpretation

[TheInsaneManiac]

demo not working

[DragonMasterNYC]

For the extra CSS could you give me an idea of witch colors I should use. Also I'm trying to understand what this adds.

[Leo Brazil]

Works nice but just one thing, when you select threads or posts to be moderated the typical highlights were gone.

[GSeybold]

working like a charm! Thanks!

[GSeybold]

Hello
I just checked my moderation and it's working fine-my moderation highlights come up fine.

Originally Posted by Leo Brazil

Works nice but just one thing, when you select threads or posts to be moderated the typical highlights were gone.