How To > Optimize the navbar!

Tweak > Turn the "User CP" link into a drop down

Description:

With this template modification I will teach you how to optimize the navbar with a little tweak. We will turn the usercp link into a drop down, remove the links from the quick links drop down and put them in the usercp drop down.

This is for version 3.0.3

Installation:

* Goto the Admin Control Panel as Administrator

* Goto the Styles & Templates group and open the Style Manager

* Open your navbar template and apply the following changes:

# Find this code, and remove it:


<tr><td class="thead"><a href="usercp.php?$session[sessionurl]">$vbphrase[user_control_panel]</a></td></tr>
<if condition="$show['siglink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a></td></tr></if>
<if condition="$show['avatarlink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_profile]</a></td></tr>
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td></tr>


# Now find this code, and remove it:


<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[my_profile]</a></td></tr>


# Now find this code:


<!-- / NAVBAR POPUP MENUS -->


# Above that, on a new line, add this code:


<if condition="$show['member']">
<!-- user cp drop down menu -->
<div class="vbmenu_popup" id="cpuser_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr><td class="thead"><a href="usercp.php?$session[sessionurl]">$vbphrase[user_control_panel]</a></td></tr>
<if condition="$show['siglink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a></td></tr></if>
<if condition="$show['avatarlink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_profile]</a></td></tr>
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td></tr>
<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[my_profile]</a></td></tr>

</table>
</div>
<!-- / user cp drop down menu -->
</if>


# Find this code:


<if condition="$show['member']">
<td class="vbmenu_control"><a href="usercp.php?$session[sessionurl]">$vbphrase[user_cp]</a></td>
</if>


# And replace it with this code:


<if condition="$show['member']">
<if condition="$show['popups']">
<td id="cpuser" class="vbmenu_control"><a href="#cpuser">$vbphrase[user_cp]</a> <script type="text/javascript"> vbmenu_register("cpuser"); </script></td>
<else />
<td class="vbmenu_control"><a href="usercp.php?$session[sessionurl]">$vbphrase[user_cp]</a></td>
</if>
</if>



# Save the navbar template and you are done!

Hihi thanks floris !

I see this modification yesterday here ;)

NICE! Simple, little addition to any board. Thanks for Sharing Floris!!

Nice mod floris :) Thank you for sharing it with us all!

Nice Mr. Floris

1234567890

xcellent, I may use this myself. Thanks Floris.

Nice, thanks for the tip!

This is a handy little thing to do , thanks for that.

Theses are great Tips. Keep them coming! :D Thanks floris!

I will add this again to the vB.nl pro style l8r

I added it to my style, very usefull