As per
Request A Modification (Unpaid)
index.php?t=118417
This is a small mod that has a few small steps. Keep in mind this should also work in previous versions of vbulletin and possibly 3.5.x series as well.
Find this area in your navbar (each navbar may differ somewhat)
PHP Code:
<if condition="$show['popups']">
<if condition="$show['searchbuttons']">
<td id="navbar_posts" class="vbmenu_control"><a href="search.php?$session[sessionurl_q]" accesskey="2">$vbphrase[active_topics_nav]</a> <script type="text/javascript"> vbmenu_register("navbar_posts"); </script></td>
<td id="navbar_search" class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a> <if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search"); </script></if></td>
</if>
before the </if> close, put this in:
PHP Code:
<td id="forumjump" class="vbmenu_control"><a href="#forumjump">Forum Jump</a> <script type="text/javascript"> vbmenu_register("forumjump"); </script></td>
So it should look like this:
PHP Code:
<if condition="$show['popups']">
<if condition="$show['searchbuttons']">
<td id="navbar_posts" class="vbmenu_control"><a href="search.php?$session[sessionurl_q]" accesskey="2">$vbphrase[active_topics_nav]</a> <script type="text/javascript"> vbmenu_register("navbar_posts"); </script></td>
<td id="navbar_search" class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a> <if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search"); </script></if></td>
<td id="forumjump" class="vbmenu_control"><a href="#forumjump">Forum Jump</a> <script type="text/javascript"> vbmenu_register("forumjump"); </script></td>
</if>
Then find
PHP Code:
<!-- / NAVBAR POPUP MENUS -->
Above, add:
PHP Code:
<div class="vbmenu_popup" id="forumjump_menu" style="display:none">
<table cellpadding="2" cellspacing="1" border="0">
<tr>
<td> <!-- This will begin a new column -->
<table valign="top" width="200" cellpadding="2" cellspacing="1" border="0">
<tr><td class="tcat" onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Category</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
</table>
<table width="200" cellpadding="2" cellspacing="1" border="0">
<tr><td class="tcat" onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Category</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
</table>
<table width="200" cellpadding="2" cellspacing="1" border="0">
<tr><td class="tcat" onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Category</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
</table>
</td>
<td> <!-- This will begin a new column -->
<table width="200" cellpadding="2" cellspacing="1" border="0">
<tr><td class="tcat" onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Category</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
</table>
</td>
<td> <!-- This will begin a new column -->
<table width="200" cellpadding="2" cellspacing="1" border="0">
<tr><td class="tcat" onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Category</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
</table>
<table width="200" cellpadding="2" cellspacing="1" border="0">
<tr><td class="tcat" onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Category</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
<tr><td onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='" style="cursor:pointer; background-color:#DEE6EF" onmouseover="this.style.backgroundColor='#BAD2F0';" onmouseout="this.style.backgroundColor='#DEE6EF';">Forum Name</td></tr>
</table>
</td>
<td>
</tr>
</table>
</div>
Make sure each column has the same number of <tr> rows. For any blank rows you want to use, change Forum Name to (blank space).
Change
http://www.yourforum.com to the location of your forums so that
http://www.yourforum.com/forumdisplay.php?f= and a number will actually display a forum.
Change
background-color:#DEE6EF" to suit your needs.
Change
onmouseover="this.style.backgroundColor='#BAD2F0';" to suit your needs.
Change
onmouseout="this.style.backgroundColor='#DEE6EF';" to suit your needs.
The first and third one I kept the same for clarity.
For example: If column 1 has 15 rows, column 2 should have 15 rows, etc.
Also, keep in mind that if your forum name is long, you may want to add in a <br /> tag somewhere to make it carry over to the next line so that it doesn't bleed.
Smaller size text:
<font size="1">Forum Name
</font> Will bring the font size down to a lower level.
Cleanup:
Any rows you do not use, remove this from the line:
onclick="window.location='http://www.yourforum.com/forumdisplay.php?f='"