onMouseOver Forum Home, Subforums & Threadbits

[dannykilla]

OnMouseOver effect on Forum categories!

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

Demo (http://www.bcguild.eu/forums)

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!

[RobbieZ]

Demo Please :)

[dannykilla]

Demo is near the top!

[Magnumutz]

Your users will find this rather annoying at one time.

[aryshi]

thanx dannykilla

looks nice .. installed

but there is little broplem in the modfing threadbit templet

its disabled the ajax modify for theards

[dannykilla]

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

[aryshi]

no, its vBulletin feature in general settings

setting disable ajax title

allow to modify the title of thread in the forumdisplay

[ssslippy]

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

[dannykilla]

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]

by click doble near the title in forumdisply : )

[ShadowOne]

not workin for me

[dannykilla]

Ok I have fixed the issue with the "Change Title Thread Bit" simply replace the code I posted with this:

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

**Also updated first post too!

Thanks
Danny

[dannykilla]

not workin for me

Why, can you explain please?

[n95gps]

this is good work BUT

before i was able to read the thread contents without opening it

now i can't

can you please fix that

[dannykilla]

this is good work BUT
before i was able to read the thread contents without opening it
now i can't
can you please fix that

DONE. Code updated 1st post!

[aryshi]

well done dannykilla

its work now http://www.w99of.com/vb/images/smilies/w99of%20112.gif

[n95gps]

thanx

great work

working...

[Leo Brazil]

Seems to be cool. I'm gonna try it.

Tks.

[NAZIA]

Thanks .. awesome..

[tmiland]

Sweet :) ty

[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]

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

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


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

[GSeybold]

FYI if you don't already know this :) -it does change the text color of the forum description when it's on mouseover but subforum links or text colors do not change. I guess the extra CSS would take care of this?

[Leo Brazil]

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

Strange...I double checked all my edits and they're fine. In fact the moderation highlights works fine but thread name column.

Edit: Are you using any additional CSS for this mod ?

[GSeybold]

Hi Leo
No I'm not using additional CSS. You may want to check the threadbit code again as I orginally had problems with that part and ended up reverting and then redo. After a second round, it worked fine. Go figure?

[bisbos]

not workin for me

www.greekslive.net

[Scalemotorcars]

Works perfectly 3.7.3 thanks!:up:

Didnt use the extra CSS the Alt1 and Alt2 swap is fine with me. Very clean.