The Arcive of vBulletin Modifications Site.

onMouseOver Forum Home, Subforums & Threadbits · **Released**: 10-14-2008

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:

Code:

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

with:

Code:

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

Code:

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

with:

Code:

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

Code:

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

with:

Code:

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

Code:

.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!

RobbieZ · #2 10-15-2008, 06:58 PM

Demo Please

dannykilla · #3 10-15-2008, 07:00 PM

Demo is near the top!

Magnumutz · #4 10-15-2008, 08:13 PM

Your users will find this rather annoying at one time.

aryshi · #5 10-15-2008, 09:36 PM

thanx dannykilla

looks nice .. installed

but there is little broplem in the modfing threadbit templet

its disabled the ajax modify for theards

dannykilla · #6 10-15-2008, 09:46 PM

its disabled the ajax modify for theards - is that a mod ?

aryshi · #7 10-15-2008, 09:57 PM

no, its vBulletin feature in general settings

setting disable ajax title

allow to modify the title of thread in the forumdisplay

ssslippy · #8 10-15-2008, 09:57 PM

That's how you change the title of a thread. Its part of the default vbulletin.

dannykilla · #9 10-15-2008, 10:21 PM

Ok I have had a look on settings and I cant see where this option is?
How do I do perform the change title ?

aryshi · #10 10-15-2008, 10:54 PM

by click doble near the title in forumdisply : )