Forum Home Enhancements - Forumhome Mouseover Effect

What this does:
This will create a hover effect when your members place there mouse over your forums. See screen shot for an example. This will also create the same effect in your threadbit area!

3 Small Template changes. Should take no less then 2 min.

Update Notes:
v1.2 Updated threadlist area.
v1.0 Released.

!CLICK INSTALL!

[drumsy]

I attempted to have the same effect in the forumdisplay utilizing the following code that I assembled from this thread creator's code and a previous poster. I am running into a problem though where I cannot force the hand to show in the forum display.

Edited in the threadbit template

PHP Code:

<td class="alt1Active" id="td_title_$thread[realthreadid]" title="$thread[preview]" style="cursor: pointer;" onmouseover="this.className='alt2Active';" onmouseout="this.className='alt1Active';" onclick="window.location.href='showthread.php?$session[sessionurl]t=$thread[threadid]';"> 


[silurius]

Beautiful!

[Dark_D]

Works like a charm on 3.5.3, thanks

[kregger]

I like it a lot! *Install*

Craig

[Club3G]

Working, but it's changing my forum font to 9 pixels instead of 10, and causing my cells to shift:



How do I get around this? Thanks!

[high]* Club3G clicks install[/high]

[Club3G]

Fixed. I had to do the following, for anyone encountering a similar problem:

Add this to the main CSS. If your style isn't using verdana in that cell, substitute which font you're looking for.

/* ***** Forum Rollover Coloring ***** */
 .forumrollover  
{
	background: #555555;
	color: #CCCCCC;
         font: verdana;
}

Where the colors are from your alt2Active settings.

Then where this is present:

onmouseover="this.className='alt2Active'

Change to:

onmouseover="this.className='forumrollover'

Hope that helps anyone that might run into the same problem. IMHO this is a better way of doing it, as someone else mentioned, since it uses a separate CSS slot for a very specific feature, and it'll allow you to edit the color to your choosing without changing your alt2Active color settings globally.

- Chris

[RYoBiOS]

Is it possible even in thread pages?

[Club3G]

Originally Posted by RYoBiOS

Is it possible even in thread pages?

Yeah, just make the same changes to I believe, threadbit.

Done my way (see a few posts up) with a CSS variable for the rollover:

Replace:

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

With:

<td class="alt1" id="td_title_$thread[realthreadid]" title="$thread[preview]" onmouseover="this.className='forumrollover';" onmouseout="this.className='alt1';">

[QueenBee]

wow i actually did it, but is there any way i can change the color of it?? i have a light theme, and the color that it makes is bothering my eyes.

thanks

[Club3G]

Originally Posted by QueenBee

wow i actually did it, but is there any way i can change the color of it?? i have a light theme, and the color that it makes is bothering my eyes.

thanks

Yup.

In the main CSS for your style, add this to the bottom of the "Additional CSS Definitions" block down the bottom.

/* ***** Forum Rollover Coloring ***** */
 .forumrollover  
{
	background: #555555;
	color: #CCCCCC;
         font: verdana;
}

You might not need the color and font lines, I have them in there to fix the bug I posted a few posts up. If you're not using the verdana font, you definitely don't want that in there.

Change the #555555 to whichever color you want to change to.

Then in the template edits, change:

onmouseover="this.className='alt2Active';"

to

onmouseover="this.className='forumrollover';"

That way if you every want to change it, just edit the CSS entry.