onMouseOver Forum Home, Subforums & Threadbits
This modification is in the archives.
OnMouseOver effect on Forum categories!
This has been tested on 3.7.x & 3.8 beta 1. http://www.bcguild.eu/forums On the template "forumhome_forumbit_level1_post" Replace: Code:
<td class="alt1Active" colspan="2" align="$stylevar[left]" id="f$forum[forumid]"> 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]"> 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]"> 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! Download No files for download. Supporters / CoAuthors
|
Similar Mods
Forum Home Enhancements Show RSS Icon on Forum Home for subforums | vBulletin 3.6 Template Modifications |