vBulletin Manual - Active First / Second Alternating Color

CSS Selectors .alt1Active and .alt2Active

A special case applies to the Active First and Second Alternating Color classes, which use the CSS selectors .alt1Active and .alt2Active.

The actual styling of the Active classes is taken directly from the styling applied to the First and Second Alternating Color classes.

When enabled in the footer template, these classes respond to the mouse pointer being hovered over them by switching their background color to that of the opposite Alternating Color class. That is, when your mouse hovers over a cell using the Active First Alternating Color class, it will switch to use the Second Alternating Color class, and when your mouse leaves the cell again it will revert to its original class.

If the active element is clicked, vBulletin will read the id attribute of that element for special information that will tell it where to link to.

That special information will consist of a letter, followed by a string of digits. The letter indicates the type of the item to which the link will point, and the digits represent the item id of the item in question. For example id="t123" indicates that the item points to thread (t) id 123, so the browser will be redirected to [https://www.example.com/forums/showthread.php?t=123].

The various letters used by vBulletin are listed here:

Letter	Represents	Redirects to
u	User (userid)	member.php?u=[userid]
t	Thread (threadid)	showthread.php?t=[threadid]
p	Post (postid)	showthread.php?p=[postid]
f	Forum (forumid)	forumdisplay.php?f=[forumid]
m	Private Message (pmid)	private.php?pmid=[pmid]

The active cells functionality is disabled by default.

To enable this functionality, you will need to edit the footer template and un-comment the call to the activecells_init() Javascript function by changing this code:

    // Initialize 'Active' Table Cells
    //activecells_init();

to this:

    // Initialize 'Active' Table Cells
    activecells_init();

Due to browser limitations, active cells are purposefully disabled for WebTV, MSNTV and Opera browsers.

Example of element using these classes:

<table class="tborder" cellspacing="1" cellpadding="6">
<tr>
    <td class="alt1Active" id="t1138">
        Click anywhere inside this cell to be
        taken to the thread with thread ID 1138.
    </td>
</tr>
</table>