We have been using this mod, and loving it, except for the hover color issue. After a few hours of digging around the code, we have come up with a solution!
Live Preview: Click Here
You will see that our last two tabs are the drop down tabs from this mod! And the hover color is working perfectly!
Step 1: Search for "emu_tabs" in your templates
Once you find this section, you will notice this code that will appear:
Code:
<li class="popupmenu">
<a href="javascript://" class="popupctrl navtab" style="background:transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center; padding-right: 15px">{vb:raw tabname}</a>
<ul class="popupbody popuphover">
{vb:raw hejsa}
</ul></li>
To fix the hover color issue, you will need to change "transparent" to whatever color your other tabs are. In our case, "white" was the proper color. So the new code should be:
Code:
<li class="popupmenu">
<a href="javascript://" class="popupctrl navtab" style="background:hover-color white url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center; padding-right: 15px">{vb:raw tabname}</a>
<ul class="popupbody popuphover">
{vb:raw hejsa}
</ul></li>
This may not be the case for everyone, but you may notice that these two tabs have no "bottom border" and stand out like a sore thumb. Step 2 we have posted a fix for this.
Step 2: To fix the bottom border issue with your tabs, go to "Styles & Templates / Style Manager / Style Vars / navbar_tab_bevel
Once you have searched for "navbar_tab_bevel, you now need to set the width to "0", and this will fix your bottom border on your tabs.
Again, this last step may not be something everyone needs to do, but in our case, we needed to.
We hope this helps everyone with the whole hover color issue!