[RC3] Hovering changes CSS class

What this does:

It creates a hover effect for viewing forums and threads

What you need to do:

Download the instructions and the javascript file that does all the work from this post, and go for your life ...

NOTE:
The script is switching between the CSS classes .alt1Active and .alt2Active - if you wanna change this, u can e.g., you can add the cursor:hand; statement to the alt2 classes, and the cursor: default; to the alt1 classes for a handy effect

HTH people I decided to do this one in response to this request and partly to see if I could :ninja:

Tested on IE6, Mozilla Firebird and Opera 7 ... demo @ www.mobileforces.org

EDIT[2004-02-07]: thanks to Boofo for pointing out the request for the whole cell linking into the thread/forum Props also to Boofo for the addon code

[Natch]

instead of type="smallfont", try class="smallfont"

[Limey-YMR]

Originally Posted by Natch

instead of type="smallfont", try class="smallfont"

strangely, smallfont wasn't that small shrinking it threw a lot of my text out making it too small on the headers, it also had the wrong background color for quote box purposes.
I tried a number of class names but td2 seems to look best for quoting, I'm just going to live with it jumping smaller on the mouseover for now, unless you know of a simple addition to the bbcode_quote to shrink the font on a per use basis.
I use the simple one with no graphic bubbles for all styles;

PHP Code:

<div style="margin:20px; margin-top:5px; <if condition="$show['iewidthfix']">width: 100%;</if>">
    <div class="smallfont" style="margin-bottom:2px">$vbphrase[quote]:</div>
    <table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%">
    <tr>
        <td class="alt2" style="border:1px inset">
            <if condition="$show['username']">
                <div><phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase></div>
                <div style="font-style:italic">$message</div>
            <else />
                $message
            </if>
        </td>
    </tr>
    </table>
</div> 


[Natch]

Try:

PHP Code:

<div style="margin:20px; margin-top:5px; <if condition="$show['iewidthfix']">width: 100%;</if>">
    <div class="alt2" style="margin-bottom:2px">$vbphrase[quote]:</div>
    <table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%">
    <tr>
        <td class="smallfont" style="border:1px inset">
            <if condition="$show['username']">
                <div><phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase></div>
                <div style="font-style:italic">$message</div>
            <else />
                $message
            </if>
        </td>
    </tr>
    </table>
</div> 


[Limey-YMR]

I already tried the smallfont alt2 switcheroo, it looks ok and almost as small, but it's not as small as I used to have alt2 (9 px) doesn't look right on forumhome if you make smallfont that small in the style and the background color is wrong on smallfont.

I might try experimenting with your code to use two different styles, other than alt1 and 2 that have similar fonts and colors in my styles, shame you can't define a whole new font definition like mouseover1 mouseover2 for ultimate customization.

Cheers for the code though.

[DES.deViant]

Thanks for the mod Natch works great. *clicks install*

For my installation, the Hardwired style had the same alt1 and alt2 backgrounds and changing the second one made the rest of the style look bad, so I changed all of the alt2Active classes to alt1Hover and defined this class in the Additional CSS Definitions at the bottom:

/* ***** styling for hover effect in forums ***** */
.alt1Hover {
inherit-class: alt1Active;
background-color: #647180;
cursor:pointer;
font-size: 12px;
}

The inherit-class gives the new class all the same properties as the original class, then i just change the background and cursor. "pointer" is like "hand", but works in Firefox too. And the font-size didn't inherit correctly in IE, so I had to copy the value to the new class. Hope that helps someone.

[Limey-YMR]

I believe I read that the 3.04 version of Vbulletin now has an Alt3 style, either that or they deleted alt3 as a redundant item.

[PennylessZ28]

how come this works on every page but my forumhome?