[Nоrman]

How do I add/remove links to the new UserCP Dropdown Menu?

This product will change/replace your default USERCP_SHELL template used in your usercp.php file with the new usercp_dropdown_shell template. Then, if you'd like to change, add or remove links, you will have to go trought your admincp and edit that new template.
(AdminCp -> Styles & Templates -> Style Manager -> Edit Templates (from the drop down menu) -> usercp_dropdown_shell -> Edit)

Now, check its code; it starts declaring the main menu links.. then it declare the popups content.

Main menu example Link:

<td id="yourprofile" class="tcat">
    <a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">
    $vbphrase[your_profile]</a>
    <script type="text/javascript">
        vbmenu_register("yourprofile");
    </script>
</td>

This is the 'Your Profile' link. Check this thread: How To Add Drop Down Menus To Your Navbar; this will work well also in this part of your forum, the UserCP page. You will learn and understand how drop down menu(s) are created. Now, let's say you want to add a new menu link with a new drop down menu.

For example, you can add this code below the one posted above:

<td id="new_menu" class="tcat">
    <a href="new_menu-link">
    New Menu</a>
    <script type="text/javascript">
        vbmenu_register("new_menu");
    </script>
</td>

Changing the blue bold code as you want. Remember: the td id and the vbmenu_register need to be the same (as it's specified on the Kerry-Anne article I have linked above). Now, you'd need to create the drop down menu with your own content.

Scroll down your usercp_dropdown_shell template code, searching for this:

<!-- ### -->

This declare the POPUPs end. Above this, add:

<div class="vbmenu_popup" id="new_menu_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">

        <tr>
            <td class="thead">New Menu</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
<a class="smallfont" href="new_menu-row-link">New Menu Row</a>
</td>
</tr>

</table>
</div>

As above, changing the blue bold code to fit your needs. As above, using the same id specified above (with _menu at the end).


Now close & save your template. You're done!